Crearea de elemente transparente in CSS este de fapt destul de simpla.
Urmatorul cod aplica tuturor imaginilor o opacitate de 50:
img{
opacity: 0.5;
filter: alpha(opacity=50); /* Pentru IE8 si versiunile mai vechi */
}
In IE9, Firefox, Chrome, opera si Safari puteti folosi opacity fara probleme, insa in IE8 si versiunile mai vechi va trebuii sa folositi si filter. Aceasta proprietate, opacity, poate avea o valoare de intre 0.0 si 1.0, cu cat valoarea este mai mica cu atat opacitatea este mai mare.IE8 si versiunile mai vechi folosesc proprietatea filter care poate avea o valoare intre 0 si 100.
In exemplul urmator imaginile sunt transparente tot timpul, mai putin atunci cand un cusror este pus deasupra:
img{
opacity: 0.5;
filter: alpha(opacity=50);
}
img:hover{
opacity: 1.0;
filter: alpha(opacity=100);
}
Stefanescu Mihai
