DIV-uri transparente cu CSS
January 5, 2008
Urasc incompatibilitatea asta intre standardele folosite de diferite browsere si faptul ca esti nevoit sa modifici codul CSS al unei pagini ca sa fie compatibila si sa arate la fel pe toate browserele, ma refer alea care sunt cele mai des utilizate (Mozilla Firefox, Opera, Internet Explorer). La o pagina a trebuit sa folosesc un div semi-transparent si eu fiind unutilizator la browserului Mozilla Firefox am folosit -moz-opacity:0.5 dar am primit plangeri de la cateva persoane care foloseau alt browser ca div’ul nu este transparent. Dupa cateva cautari pe google am gasit o “lista” care ii dadea div’ului semi-transparenta si pentru celelalte browsere.
Lista este aici si este “setata” la jumatatea scalei de transparenta. Sper sa va fie de folos daca veti avea vreodata nevoie ;)
Daca va place acest post, va rog lasati un comentariu sau inregistrati-va la feed pentru a primii ultimele informatii.
Comentariu de la ionutz ah, si e preferata ordinea asta, deoarece e posibil ca IE6 sa nu se descurce daca le pui in alta ordine. Imi aduc aminte ca am avut mai demult o problema de mi-a scos peri albi si nu stiam de ce ie6 nu are transparenta :D
Comentariu de la dsada de unde pot s iau si eu mai multe div uri exemple…kiar treb s scriem atata pentru ..offf….dk poti s m ajuti..pls..
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
e suficient
Primul este pentru browserele ce respecta ceva mai bine standardele (firefox, safari si opera). Al doilea e pentru versiuni pre 1.0 ale firefox iar al treilea pentru idiot exploder