Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
919 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Griser une Iframe CSS opacity

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Griser une Iframe CSS opacity

n°2131145
bois990
Posté le 13-03-2012 à 15:01:01  profilanswer
 

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>
  8. <BODY>
  9.         <iframe src="test.htm" scrolling="auto" height="570" width="380" FRAMEBORDER="0" href="gris.css" ></iframe>
  10. </BODY>
  11. </HTML>


Message édité par bois990 le 13-03-2012 à 15:01:41
mood
Publicité
Posté le 13-03-2012 à 15:01:01  profilanswer
 

n°2131283
synoyx
Codeur fou
Posté le 14-03-2012 à 10:58:07  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Griser une Iframe CSS opacity

 

Sujets relatifs
CSS couleur texte + position texte[JS / CSS] Ignorer une div
Problème d'affichage CSS sous Internet ExplorerIFRAME et syntaxe
Problème de lecture du CSS sous IE[PHP/CSS] Acheter un thème wordpress pour s'en inspirer
quel CSS/html pour avoir un texte qui encercle une imagemenu horizontal réatif en CSS
Header Content Footer en Css 
Plus de sujets relatifs à : Griser une Iframe CSS opacity


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR