Transparentnost div backgrounda
 
Gizmo8. jul 2010 22:23:36Pridružen od:
25. feb 2009
1047 objav
+689-1728
#1Ž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.
všeč(0)ni všeč(0)spam(0)

:
:

 
hurrican19888. jul 2010 22:53:48Pridružen od:
4. apr 2010
136 objav
+144-155
#2Morda 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...
všeč(0)ni všeč(0)spam(0)
 
Gizmo8. jul 2010 22:59:38Pridružen od:
25. feb 2009
1047 objav
+689-1728
#3Nope, sem že poskusil.
všeč(0)ni všeč(0)spam(0)

:
:

 
hurrican19889. jul 2010 00:41:34Pridružen od:
4. apr 2010
136 objav
+144-155
#4Kaj 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 :)
všeč(0)ni všeč(0)spam(0)
 
Gizmo9. jul 2010 00:56:53Pridružen od:
25. feb 2009
1047 objav
+689-1728
#5Nekako 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 :)
všeč(0)ni všeč(0)spam(0)

:
:

 
perunpro9. jul 2010 02:30:14Pridružen od:
23. maj 2008
2342 objav
+1337-1007
#6Tezko ce ne vemo kaj bi rad dosegel in kako zelis da izgleda :)
všeč(0)ni všeč(0)spam(0)
 
Lucifix9. jul 2010 07:26:54Pridružen od:
14. okt 2008
509 objav
+203-80
#7Google 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
všeč(0)ni všeč(0)spam(0)
 
DiTi9. jul 2010 11:45:38Pridružen od:
3. apr 2010
224 objav
+118-50
#8č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.
všeč(0)ni všeč(0)spam(0)
 
Gizmo9. jul 2010 12:20:07Pridružen od:
25. feb 2009
1047 objav
+689-1728
#9Uf, DiTi, tega pa nisem vedel. Hvala, deluje.
všeč(0)ni všeč(0)spam(0)

:
:

 
macan7721. jul 2010 06:16:35Pridružen od:
24. avg 2009
38 objav
+16-5510
#10background: transparent;


Lp
všeč(0)ni všeč(-1)spam(1)
 
stran 1 od 2 |<<12>|