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




/ Трябва да сте регистриран за да напишете коментар /
От: batmanabg
13:25 22-07-2011
Полезен урок.
1