Poluproziran <DIV>

mirkan03 · 25.1.2011, 13:04

Pozdrav svima.
Imam jedan problem koji me muci, verujem da nije preterano tezak za resavanje.

Pravim jedan sajt koji u sredini, ispod menija ima <div> koji bi trebalo da sadrzi glavninu sranice i ispod njega naravno ide footer.
E sad..ideja je da taj <div> ima pozadinu koja je prozirna, tj da se vidi background od <body>-ja, a da sadrzaj bude ne transparentan.

Uspeo sam da pozadinsku boju <div>-a ucinim transparentnom:

/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;

ali mi je sada i sav sadrzaj u njemu proziran...

Da li postoji neko resenje, da ostatak sadrzaja nije proziran , a da ne zahteva diplomu Harvarda za informatiku!?

)

Hvala unapred!

Patton · 25.1.2011, 13:29

Kao background na taj DIV, stavis poluprozirnu pozadinu koju napravis u bilo kom programu za crtanje (Gimp, Photoshop). Znaci treba ti PNG slika, velicine 1x1 koja ima crnu tacku sa transparencijom 60%. Tu sliku stavis kao pozadinu na DIV i stavis joj repeat-both.

mirkan03 · 25.1.2011, 17:23

Cu da probam, evo odmah! :-)))

Hvala!

PS...posle 5 min......RADI!!!

pyost · 25.1.2011, 19:08

Imaj samo na umu da starije verzije Internet Explorera ne podržavaju polutransparentne PNGove - tačnije, podržavaju ih uz neke trikove. Ako te ne interesuju ljudi koji se i dalje pate sa IE6, slobodno ovo ignoriši.

MG-RAY · 26.1.2011, 9:32

Čisto da ne ostane nepomenuto, možeš da koristiš i ovaj style:

background-color: rgba(255, 255, 255, 0.6);

Naravno, računaj na to da ovo neće raditi u IE, no siguran sam da postoji neki hack...

25.1.2011, 13:04	#1
mirkan03 Član Član od: 4.3.2008. Poruke: 48 Zahvalnice: 21 Zahvaljeno 0 puta na 0 poruka	Poluproziran <DIV> Pozdrav svima. Imam jedan problem koji me muci, verujem da nije preterano tezak za resavanje. Pravim jedan sajt koji u sredini, ispod menija ima <div> koji bi trebalo da sadrzi glavninu sranice i ispod njega naravno ide footer. E sad..ideja je da taj <div> ima pozadinu koja je prozirna, tj da se vidi background od <body>-ja, a da sadrzaj bude ne transparentan. Uspeo sam da pozadinsku boju <div>-a ucinim transparentnom: /* for IE / filter:alpha(opacity=60); / CSS3 standard */ opacity:0.6; ali mi je sada i sav sadrzaj u njemu proziran... Da li postoji neko resenje, da ostatak sadrzaja nije proziran , a da ne zahteva diplomu Harvarda za informatiku!? ) Hvala unapred!

25.1.2011, 13:29	#2
Patton Deo inventara foruma Član od: 1.11.2005. Lokacija: Silent Hill Poruke: 4.647 Zahvalnice: 157 Zahvaljeno 904 puta na 493 poruka	Re: Poluproziran <DIV> Kao background na taj DIV, stavis poluprozirnu pozadinu koju napravis u bilo kom programu za crtanje (Gimp, Photoshop). Znaci treba ti PNG slika, velicine 1x1 koja ima crnu tacku sa transparencijom 60%. Tu sliku stavis kao pozadinu na DIV i stavis joj repeat-both.

25.1.2011, 17:23	#3
mirkan03 Član Član od: 4.3.2008. Poruke: 48 Zahvalnice: 21 Zahvaljeno 0 puta na 0 poruka	Re: Poluproziran <DIV> Cu da probam, evo odmah! :-))) Hvala! PS...posle 5 min......RADI!!! Poslednja ispravka: mirkan03 (25.1.2011 u 17:38)

25.1.2011, 19:08	#4
pyost Član Član od: 30.10.2005. Lokacija: Vancouver, BC Poruke: 475 Zahvalnice: 48 Zahvaljeno 95 puta na 75 poruka	Re: Poluproziran <DIV> Imaj samo na umu da starije verzije Internet Explorera ne podržavaju polutransparentne PNGove - tačnije, podržavaju ih uz neke trikove. Ako te ne interesuju ljudi koji se i dalje pate sa IE6, slobodno ovo ignoriši.

26.1.2011, 9:32	#5
MG-RAY Starosedelac Član od: 15.2.2006. Lokacija: Midlands Poruke: 1.523 Zahvalnice: 277 Zahvaljeno 307 puta na 207 poruka	Re: Poluproziran <DIV> Čisto da ne ostane nepomenuto, možeš da koristiš i ovaj style: background-color: rgba(255, 255, 255, 0.6); Naravno, računaj na to da ovo neće raditi u IE, no siguran sam da postoji neki hack...

*Sledeći korisnik se zahvaljuje korisniku Patton* na korisnoj poruci:**
mirkan03 (26.1.2011)