CSS:opacity (прозрачност на картинка)

В този урок ще ви покажа как с помоща на CSS може да направите една картинка прозрачна с интересен ховер ефект.

<style type="text/css">

.opacityit img{
filter:progid: DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img{
filter:progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

</style>

<a href="http://web-tourist.ent" class="opacityit"><img border="0" src="email.gif" /></a>

тук се използват 2 опции едната е за ИЕ дригата за Мозила
filter – се използва за опацити при ИЕ и е в границите от 0 до 100 ( работи при версии 5.5+ )

-moz-opacity – работи при Mozilla и NS6+ там е в границите от 0 до 1

за съжаление този код не е валиден според w3c