Transparence Fermé

Question

Bonjour, 
Je suis en train de développer un site, et j'ai besoin de faire une banderole un peu transparente, avec des boutons dessus. Le seul soucis, c'est que ces boutons sont aussi opaques. J'ai donc fais des recherche, j'ai trouvé divers codes, mais qui ne fonctionnenent toujours pas. Voilà mon code :

Code de la banderole (elle bien à moitié transparente)

#jeux {
	width: 1250px;
	background-image: url('../Images/Jeux.png');
	overflow: hidden;
	text-align: center;
	padding-left: auto;
	padding-right: auto;
	padding-top: auto;
	padding-bottom: auto;
	margin-top: 70px;
	background-color: #ffffff;  /* le fond                 */
	filter:alpha(opacity=50);   /* Internet Explorer 6     */
	-moz-opacity:0.5;           /* Mozilla 1.6 et infér.   */
	opacity: 0.5;               /* CSS3 et Mozilla récents */
}


Code des boutons(présents dans la div "texteopaque")

#texteopaque {
   filter:alpha(opacity=100);  /* ignoré */
   -moz-opacity:1.0;           /* ignoré */
   opacity: 1.0;               /* ignoré */
}


Les boutons restent transparents quand même... Je ne sais plus quoi faire,
Merci d'avance
Cordialement.

Configuration: Windows 8 / Chrome 34.0.1847.131

animostab · Answer

Bonjour c'est normal car texteopaque est dans la div jeux et donc hérite de l'opacity. il n'y a pas moyen de "désériter" une div enfant pour opacity le background de jeux aurait été une couleur il y aurait eu moyen de tricher mais la non ce que tu peux faire c'est mettre dans un div et sortir texteopaque de jeux et le mettre en position absolute ex

position:absolute; dans.#texteopaque apres si tu veux positionner textopaque margin est ton ami Un petit merci vaut mieux qu'une grande ignorance ! Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

Rhydan · Answer

Merci beaucoup de votre réponse, mais si je le met en absolute, la position de "texteopaque" changera en fonction de la résolution de l'écran de client non ?
Et je souhaiterai qu'elle conserve une position bien précise par rapport à la page...

Transparence

2 réponses

Discussions similaires