wake-up-neo.com

Wie stelle ich die Deckkraft auf die Hintergrundfarbe eines Divs ein?

Ich habe diese Klasse

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

Meine Frage ist, wie kann ich eine Deckkraft nur für den weißen Hintergrund festlegen, damit er sich mit meinem Hintergrund mischt?

Vielen Dank.

25
EnexoOnoma

CSS 3 führt rgba color ein und Sie können es mit Grafiken kombinieren, um eine abwärtskompatible Lösung zu erhalten.

17
Quentin

Ich denke rgba ist die schnellste und einfachste!

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

25
Kevin Brown

Ich denke, das deckt fast alle Browser ab. Ich habe es in der Vergangenheit erfolgreich eingesetzt.

#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 */
}
5
Phil

Sie können CSS3 RGBA folgendermaßen verwenden:

rgba(255, 0, 0, 0.7);

0.7 bedeutet 70% Deckkraft.

4
Umair Hamid

Ich würde sagen, dass der einfachste Weg ist, ein transparentes Hintergrundbild zu verwenden.

http://jsfiddle.net/m48nH/

background: url("http://musescore.org/sites/musescore.org/files/blue-translucent.png") repeat top left;
3
Joonas