Griser une Iframe CSS opacity

Griser une Iframe CSS opacity - HTML/CSS - Programmation

Marsh Posté le 13-03-2012 à 15:01:01    

Bonjour, j'ai une iframe dans ma page et je voudrais la griser (la foncer).
j'ai vu qu'on pouvait utiliser des CSS avec opacity et filter : alpha(opacity=10)
 
mais je n'arrive pas a l'appliquer a l'iframe.
 
Vous pouvez m'aider a corriger le code pour que ca fonctionne?
 

Code :
  1. <HTML>
  2. <HEAD>
  3.   <TITLE>Test</TITLE>
  4.     <style>
  5.      gris{ opacity : 0.9;}
  6.     </style>
  7. </HEAD>
  9. <BODY>
  10.         <iframe src="test.htm" scrolling="auto" height="570" width="380" FRAMEBORDER="0" href="gris.css" ></iframe>
  12. </BODY>
  13. </HTML>


Message édité par bois990 le 13-03-2012 à 15:01:41
Reply

Marsh Posté le 13-03-2012 à 15:01:01   

Reply

Marsh Posté le 14-03-2012 à 10:58:07    

Ton code est correct, sauf que dans ton code CSS, tu cible la balise gris, qui n'existe pas.
2 solutions : tu cible la balise iframe, et le style d'opacité s'appliquera sur tous les iframes ( iframe { opacity : 0.9;} )
                 Tu créé un ID à ton iframe et tu cible le CSS sur cette idée :
#test { opacity : 0.9;}
 
<iframe src="test.htm" scrolling="auto" height="570" width="380" FRAMEBORDER="0" id="test" ></iframe>


---------------
L'ennui est le pire ennemi d'un travail réussi
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed