Pb transparence html/css
Résolu
Profil bloqué
-
Profil bloqué -
Profil bloqué -
Bonjour,
alors voilà, en faite j'ai une page internet, j'ai mis une div qui englobe la page, j'y ai mis une transparence(opacity:0.5) mais le pb c'est que ca me met tous en transparence( ce qui est logique) et donc lorsque je met des images ca me met de la transparence, mais je ne veut pas.Y a t-il une solution pour ne pas appliquer une transparence aux images...??
Merci
--
< .: Kamikaze powaaa :. >
alors voilà, en faite j'ai une page internet, j'ai mis une div qui englobe la page, j'y ai mis une transparence(opacity:0.5) mais le pb c'est que ca me met tous en transparence( ce qui est logique) et donc lorsque je met des images ca me met de la transparence, mais je ne veut pas.Y a t-il une solution pour ne pas appliquer une transparence aux images...??
Merci
--
< .: Kamikaze powaaa :. >
17 réponses
-
Bonjour,
J'ai bien une solution en SystemD :
pour les fonds :
Mettre un fond dans la div qui soit répété et transparent, une image png de 1x1 pixel par exemple :) .
S'il y a déjà un fond, faut bricoler :p
vic -
Essaye en utiliser l'étoile « * » pour cibler tous les élements à l'intérieur du div.
Par exemple :div#global * { opacity: 1.0; } -
-
Ça permet de cibler tous les éléments, c'est le sélecteur universel.
Si tu précises un élément avant, alors ça sera tous les éléments dans l'élément précisé avant.
http://www.w3.org/TR/CSS2/selector.html#universal-selector -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
-
Non.
« * » cible tous les enfants, donc également les enfants des enfants, par contre, « > » ne cible que les enfants directs de l'élément. -
j'ai fait une image Png avec de la transparence.
Sinon j'ai un autre problème:
en faite j'ai une div:#fixed{color:#696969;width:900px; height:20px;position:fixed;bottom:0px; background-image:url('back3.png'); margin-left:2px;}
Et je voudrais que le texte '<p>' qui ce situe dans la div soir en noir.Je pourrais très bien mettre color:black; directement dans la div mais il y a déjà une couleur.. .
Donc je fait:#fixed>p {color:black;}.Mais ca ne marche pas !
J'ai besoin d'aide.. .
-
Ça fonctionne très bien :
<div id="div"> <p>Salut</p> </div>
Le CSS :#div { color:red; } #div > p { color:blue; }Mais IE ne gère pas cette technique. -
-
-
Si tu veux que j'y jette un coup d'oeil.
Mais cette méthode ne fonctionne pas sur IE, mieux vaut ne pas l'utiliser.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire. -
Alors voilà:
HTML:<center><div id="fixed"><p>Toutes les nouvelles infos.</p></div></center>
Et le css:#fixed{width:900px; height:20px;position:fixed;bottom:0px; background-image:url('back3.png'); margin-left:2px;} #fixed > p {color:green;} -
Ce n'est pas un problème du sélecteur CSS, mais de positionnement.
Mets 20px comme valeur au « bottom » de #fixed. -
Ca marche, mais regarde ce que ca me fait maintenent http://dramafr.free.fr la texte en bas(vert) il doit être sur la div fixé ble ujuste au dessu.
Voilà le code (j'ai rajouter une 'marquee'):
html:<center><div id="fixed"><p><marquee>Toutes les nouvelles infos.</marquee></p></div></center>
CSS:#fixed{width:900px; height:20px;position:fixed;bottom:20px; background-image:url('back3.png'); margin-left:2px;} #fixed > p {color:green;} -
La balise <p> a une marge : il faut la rétirer avec « margin: 0px; ».
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire. -
ca marche, dans la div: 'fixed' j'ai enlever 'bottom:20px' car ca me faisait une marge blanche en dessou, et dans '#fixed > p' j'ai mis : margin:0px;
Merci !
