CSS: прозрачност на изображение

fix3d трудност:

видян: 14393

}

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

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

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

Сподели |

Коментари (7)

tftd на 24.08 2006 в 01:17ч.

Да но този код работи само за Mozilla... При IE не бачка. Личен опит...

MadMax на 15.05 2007 в 23:45ч.

Кода би рботил и в IE 5.5 стига да се попражи една малка синтактична грешка в правилото, касаещо IE браузърите. Просто в редовете които започват с
filter:progid: DXImageTransform....
трябва да се отстрани интервала между
filter:progid:
и
DXImageTransform.....
ето така
filter:progid:DXImageTransform.
Успех :)

MadMax на 16.05 2007 в 00:10ч.

За да работи примера и на Mozzila FF 2.x и Опера 8.x трябва да се добави и още едно правило:
opacity: .4
респективно
opacity: 1
Така, че класовете би трябвало да изглеждат по следния начин:
.opacityit img {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE5.5 */
opacity: .4; /* Mozilla 2.x, Opera 8.x */
-moz-opacity: .4; /* Mozilla FF 1.x, Netscape 8.x */
}
.opacityit:hover img {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE5.5 */
opacity: 1; /* Mozilla 2.x, Opera 8.x */
-moz-opacity: 1; /* Mozilla FF 1.x, Netscape 8.x */
}

koko.koko на 16.05 2007 в 00:18ч.

Благодаря ти MadMax. Сега вси4ко работи :)))

razielpld на 02.10 2008 в 13:59ч.

урока е интересен ... само дето този дето го е писал или мрази Опера или не е чувал за нея ;)

Menian на 16.08 2009 в 23:35ч.

http://www.w3schools.com/Css/css_image_transparency.asp тук има и примери - това е от сайта на W3C, поздравления за урока (*:

Adriboy на 10.01 2011 в 22:27ч.

Много домре стана жалко че този дет е правил урока него е написал той това :) правилно:)

CSS: прозрачност на изображение

Коментари (7)

Регистрирайте се, за да добавите коментар