Si j'ai une div cela agit comme une boîte, et je le rend vraiment sexy avec une opacité de 10%. Comment puis-je contre-là puisque tout dans la div tire également l'opacité. Disons que j'ai une boîte (DIV) avec une bordure et un texte de 1Px, mettant l'opacité sur elle le rendra mal et je veux seulement une opacité sur le fond.
3 Réponses :
Le contenu d'un élément qui a une opacité hériter de cette opacité. Vous aurez besoin de le casser en deux morceaux: l'arrière-plan et le contenu. Positionnez absolument le contenu en haut de l'arrière-plan. Votre contenu ne peut pas être dans l'élément opacité.
Cela est vrai si vous parlez de opacité la propriété CSS, mais il existe plusieurs autres moyens d'atteindre l'effet.
Voici comment vous pouvez appliquer une opacité sur les couleurs d'arrière-plan et non à l'élément entier et à ses enfants: Vous pouvez le tester ici:
http://jsfiddle.net/ypath/ Il y avait une question similaire ici :
Comment donner la transparence de navigateur croisée à l'élément Contexte seulement? (avec la version IE)
Cela (tout en étant la "solution" correcte "et une fonctionnalité CSS3) ne fonctionne que dans les navigateurs modernes tels que Chrome, Firefox, Safari.
Vous pouvez trouver la version IE dans l'autre réponse que j'ai sur le sujet précédent.
et l'opacité ne fonctionne pas dans l'IE pour que je ne me soucie pas
Vous pouvez utiliser une image PNG semi-transparente pour l'arrière-plan de l'élément. Vous aurez besoin d'une solution telle que SuperSleight pour le support IE6. < / p>
En raison de tous les types de navigateurs, je pense qu'un PNG est le meilleur choix si je ne devais pas utiliser de libelle comme jQuery ou quelque chose (si cela a la fonction dont j'ai besoin). Merci tout pour toutes les réponses!