Transparentnost div backgrounda

Ž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.

Morda tako, da vsebini daš drugačen opacity? Npr. karkoli je v div daš v <p></p> in napišeš pravilo za #div p { opacity: 1; }?

Tako, na hitro ugibam...

Nope, sem že poskusil.

Kaj pa če vsebino, ki jo imaš daš v position: absolute in ji določiš x in y ter jo tako prelepiš čez tisti div? Težko mi je ugibat ker ne vem kako zgleda oz. v kakšne potrebe rabiš sam div...

Samo sem pravkar razmišljal... glede na to, da IE7 (in starejši) niso ravno friendly z opacity ukazom, verjetno tudi ne bi bilo slabo uporabit png pa opacity v photoshopu nastaviš. Moje skromno mnenje :)

Nekako sem sedaj za silo uredil s prozornimi png slikami, čeprav ima ie tudi s tem probleme, a menda obstajajo neki fixi, se bom že znašel. Hvala za pomoč.

P.S.: Če komu uspe ustvarit div z background only prozornostjo pa naj prosim pove :)

Tezko ce ne vemo kaj bi rad dosegel in kako zelis da izgleda :)

Google ti bo kar v pomoč, sem se že 1x srečal s tem, pa sem nekje našel rešitev, ampak zdaj se ne spomnem kje točno:

http://www.google.si/webhp?hl=sl#hl=sl&source=hp&q=DIV+opacity+text+background

če te ne moti css3 potem lahko to narediš tako:

background: rgba(0,0,0,0.5);

tisti brskalniki ki podpirajo css3 bodo prikazali prozorno, ostalo pač čisto črno.

Uf, DiTi, tega pa nisem vedel. Hvala, deluje.

background: transparent;

Lp