28173 sujets

CSS et mise en forme, CSS3

Bonjour a tous,
Ce topic me fut d'une tres grande aide. Cependant, j'ai un problème similaire à celui de kReEsTaL.
voici mon code:

.menu a{
	-moz-opacity:0.5; 
	opacity: 1.5; 
	filter:alpha(opacity=50); 
      background-color:#999999; 
      color:white;
      display:block;
      padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }

Mon menu transparait correctement mais le texte qui y est contenu aussi.
J'aimerai paramétrer différement le texte et le fond de la cellule...
Merci d'avance de porter attention à mon problème.
Modifié par sacra (24 Apr 2007 - 17:31)
Je ne sais pas si c'est la bonne méthode, mais je fais ça en superposant avec position absolute deux div qui ont la même taille, une dessous avec un fond et la transparence et l'autre dessus avec le texte, sans fond ni tranparence.

Le probléme étant évidement les blocs qui n'ont pas une longueur fixe...
Modifié par matmat (24 Apr 2007 - 19:06)
L'opacité se transmet normalement à tous les éléments enfants.

Une solution consiste à utiliser une image de fond en png à laquelle on peut donner la transparence voulue. Malheureusement, ça n'est pas supporté par IE6 (qui affichera simplement le fond en 100% donc quand même accessible).
Modifié par <nicolas> (24 Apr 2007 - 21:20)