Opacitatea Si Transparenta In Css

[+skyler_sdf]

//modificarea transparentei la mouseover

//cand mutam cursorul mouse-ului in afara imaginii, aceasta trebuie sa redevina transparenta. Acest lucru este realizat de atributul onmouseout.

<img src="imagine1.jpg" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

//In IE ( filter:alpha(opacity=x) ), x poate lua valori de la 0 la 100. La fel ca in Firefox, cu cat valoarea este mai mica, cu atat elementul este mai transparent.


//in cel de al doilea caz imaginea este transparenta pana la prima mutare a cursorului mouse-ului

<img src="imagine2.jpg" style="opacity:0.4;filter:alpha(opacity=40)" 

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" />

[EpureIonut]

Dar daca folosim codul in genul asta:

<style type="text/css">

img.c1 {opacity:0.4;filter:alpha(opacity=40)}

</style>

<img src="imagine1.jpg" class="c1" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="** please DESCRIBE THIS IMAGE **">

Nu este la fel? Si astfel avem si un cod valid, pentru cei care doresc asta

[+skyler_sdf]

ai facut exemplul?vezi ce iese?

[EpureIonut]

ai facut exemplul?vezi ce iese?

Acum il puneam, vreau sa vad rezultatul

[+skyler_sdf]

e ok si fara "alt=..."

[EpureIonut]

Merge. Oricum mersi, eu unul uitasem de chestia asta, prinde bine sa iti mai reamintesti.

THANKS

[+skyler_sdf]

cp:)