Transparentnost div backgrounda
8 naročnikov
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.
13 odgovorov
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...
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 :)
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.
