Comment définir opacity à la couleur de fond d'une div? [dupliquer]

cette question a déjà une réponse ici:

j'ai cette classe

.box { background-color:#fff; border:3px solid #eee; }

ma question Est Comment puis-je placer une opacité sur le fond blanc seulement pour qu'il sera un peu de mélange avec mon fond?

Merci.

23
demandé sur EnexoOnoma 2011-07-08 16:32:17
la source

5 ответов

CSS 3 introduit RGBA couleur , et vous pouvez le combiner avec des graphiques pour un rétro-compatible solution.

17
répondu Quentin 2011-07-08 16:35:34
la source

je pense rgba est le moyen le plus rapide et le plus facile!

background: rgba(225, 225, 225, .8)

23
répondu Kevin Brown 2011-07-08 16:41:50
la source

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 */
}
4
répondu Phil 2011-07-08 16:41:42
la source

je dirais que le plus simple est d'utiliser l'image de fond transparente.

http://jsfiddle.net/m48nH /

background: url("http://musescore.org/sites/musescore.org/files/blue-translucent.png") repeat top left;
3
répondu Joonas 2011-07-08 18:07:20
la source

vous pouvez utiliser CSS3 RGBA de cette façon:

rgba(255, 0, 0, 0.7);

0.7 opacité de 70%.

3
répondu Umair Hamid 2014-11-25 21:43:28
la source

Autres questions sur html css opacity background-color