PDA

Prikaži potpunu verziju : 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...