CSS: прозрачност на изображение
Публикувана от smilev на January 12 2011 10:54:19

---

---

Разширена новина

---

[code]
<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>
[/code]
Тук се използват 2 опции едната е за IE другата за Mozilla.
filter - се използва за непрозрачност при IE и е в границите от 0 до 100 ( работи при версии 5.5+ )

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

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