Comment définir l'opacité de la couleur d'arrière-plan d'un div?
J'ai cette classe
.box { background-color:#fff; border:3px solid #eee; }
Ma question est de savoir comment puis-je définir une opacité sur le fond blanc uniquement afin qu'il se mélange un peu avec mon arrière-plan?
Merci.
CSS 3 introduit couleur rgba , et vous pouvez le combiner avec des graphiques pour une solution rétrocompatible .
Je pense que rgba est le plus rapide et le plus facile!
background: rgba(225, 225, 225, .8)
Je pense que cela couvre à peu près tous les navigateurs. Je l'ai utilisé avec succès dans le passé.
#div {
filter: alpha(opacity=50); /* internet Explorer */
-khtml-opacity: 0.5; /* khtml, old safari */
-moz-opacity: 0.5; /* mozilla, netscape */
opacity: 0.5; /* fx, safari, opera */
}
Vous pouvez utiliser CSS3 RGBA de cette manière:
rgba(255, 0, 0, 0.7);
0.7 signifie 70% d'opacité.
Je dirais que la façon la plus simple est d'utiliser une image d'arrière-plan transparente.
background: url("http://musescore.org/sites/musescore.org/files/blue-translucent.png") repeat top left;