DIV-uri transparente cu CSS

Uneori este enervanta 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 la alea care sunt cel mai des utilizate (Mozilla Firefox, Opera, Internet Explorer). La o pagina a trebuit sa folosesc un div semi-transparent si eu fiind un utilizator al browser-ului 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.

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

Lista este “setata” la jumatatea scalei de transparenta. Sper sa va fie de folos daca veti avea vreodata nevoie 😉

6 thoughts on “DIV-uri transparente cu CSS”

  1. 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..

  2. 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 😀

  3. 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 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.