Pb transparence html/css

Résolu
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



A voir également:

17 réponses

Utilisateur anonyme
 
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
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Essaye en utiliser l'étoile « * » pour cibler tous les élements à l'intérieur du div.
Par exemple :
div#global * {
    opacity: 1.0;
}
0
Profil bloqué
 
Je ne connais pas cette méthode des étoile, tu peut m'en dire plus s'il te plaît ?
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Ç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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Profil bloqué
 
C'est la même chose que ca: > ??
< .: Kamikaze powaaa :. >
0
Profil bloqué
 
???
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Non.
« * » cible tous les enfants, donc également les enfants des enfants, par contre, « > » ne cible que les enfants directs de l'élément.
0
Profil bloqué
 
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.. .
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Ç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.
0
Profil bloqué
 
Mais moi ca ne marche pas T-T pourtant c'est pareil !!
0
Profil bloqué
 
je met mes codes source ?
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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.
0
Profil bloqué
 
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;}
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Ce n'est pas un problème du sélecteur CSS, mais de positionnement.
Mets 20px comme valeur au « bottom » de #fixed.
0
Profil bloqué
 
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;}
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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.
0
Profil bloqué
 
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 !
0