Transparentnost div backgrounda

8 naročnikov

Že nekaj časa googlam, a nisem našel nič pametnega.
Torej, zanima me, če je mogoče backgroundu div-a določiti transparentnost.
Primer:

#div {
background: #000000;
opacity: 0.5;
}

Pri tem je problem, da opacity ne velja samo za background, ampak tudi za vsebino div-a.
Rad bi, da bi bil prozoren samo background. Uporaba večih div-ov ne pride v poštev.
Kolikor sem prebrskal po netu sem pripravljen staviti, da se ne da. A vseeno, upam, da sem kaj spregledal.

Še del mojega css-ja, uporabljenega nekaj dni nazaj. Preverjeno deluje z večino browserjev.

opacity: 0.1
filter:alpha(opacity=10);
-moz-opacity:0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

Urosino, preverjeno ne deluje v mojem primeru :)
Ta nastavi opacity celotnega div-a na 0.1, jaz pa bi rad samo ozadje.
@DiTi-jeva rešitev deluje: background: rgba(255,255,255,0.1);

Tu je še opacity() za slike in tako. Mimogrede, IE 7 in 8 ne prebavljata CSS3 najbolje. Novejši Safari, Firefox in Opera so na dobri poti, vseeno pa IE 7 in 8 predstavljata večino trga (ali pa vsaj velik del).