Pb transparence html/css

Résolu/Fermé
Profil bloqué - 31 mai 2010 à 23:21
 Profil bloqué - 9 juin 2010 à 20:08
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



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
0
avion-f16
Messages postés
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
31 mai 2010 à 23:28
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é
31 mai 2010 à 23:38
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
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
1 juin 2010 à 16:59
Ç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
C'est la même chose que ca: > ??
< .: Kamikaze powaaa :. >
0
Profil bloqué
8 juin 2010 à 19:35
???
0
avion-f16
Messages postés
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
8 juin 2010 à 19:43
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é
8 juin 2010 à 19:59
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
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
8 juin 2010 à 20:07
Ç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é
8 juin 2010 à 20:11
Mais moi ca ne marche pas T-T pourtant c'est pareil !!
0
Profil bloqué
8 juin 2010 à 23:20
je met mes codes source ?
0
avion-f16
Messages postés
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
Modifié par avion-f16 le 9/06/2010 à 14:20
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é
9 juin 2010 à 19:21
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
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
9 juin 2010 à 19:25
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é
9 juin 2010 à 19:52
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
18750
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
28 mai 2022
4 392
Modifié par avion-f16 le 9/06/2010 à 20:00
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é
9 juin 2010 à 20:08
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