pb transparence html/cssRésolu/Fermé

Question

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


Configuration: windows 7

vicmarmotte · Answer

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

avion-f16 · Answer

Essaye en utiliser l'étoile « * » pour cibler tous les élements à l'intérieur du div.
Par exemple :div#global * {
    opacity: 1.0;
}

sena-kaitani · Answer

Je ne connais pas cette méthode des étoile, tu peut m'en dire plus s'il te plaît ?

avion-f16 · Answer

Ç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

sena-kaitani · Answer

C'est la même chose que ca:   >   ??
< .: Kamikaze powaaa  :. >

sena-kaitani · Answer

???

avion-f16 · Answer

Non.
« * » cible tous les enfants, donc également les enfants des enfants, par contre, « > » ne cible que les enfants directs de l'élément.

sena-kaitani · Answer

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 '

' 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.. .

avion-f16 · Answer

Ça fonctionne très bien :

Salut

Le CSS :#div { color:red; } #div > p { color:blue; }Mais IE ne gère pas cette technique.

sena-kaitani · Answer

Mais moi ca ne marche pas T-T pourtant c'est pareil !!

sena-kaitani · Answer

je met mes codes source ?

avion-f16 · Answer

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.

sena-kaitani · Answer

Alors voilà: HTML:

Toutes les nouvelles infos.

Et le css: #fixed{width:900px; height:20px;position:fixed;bottom:0px; background-image:url('back3.png'); margin-left:2px;} #fixed > p {color:green;}

avion-f16 · Answer

Ce n'est pas un problème du sélecteur CSS, mais de positionnement.
Mets 20px comme valeur au « bottom » de #fixed.

sena-kaitani · Answer

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:

Toutes les nouvelles infos.

CSS: #fixed{width:900px; height:20px;position:fixed;bottom:20px; background-image:url('back3.png'); margin-left:2px;} #fixed > p {color:green;}

avion-f16 · Answer

La balise

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.

sena-kaitani · Answer

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 !

Pb transparence html/css

17 réponses

Newsletters