четверг, 20 ноября 2008 г.

CSS полупрозрачность изображения

.rb
Из недавнего опыта применения CSS. Полупрозрачность изображения при наведении указателя мыши. Может пригодиться, например, если нужно «дёшево и сердито» сделать подсветку графического меню или кнопки.

Код HTML:


<div class="hover_image">
<a href="http://dotrb.blogspot.com">
<img src="путь к изображению" style="width:88px; height:31px;" />
</a>
</div>

В примере будем использовать псевдо класс hover.

Стили CSS:


.hover_image a:hover img {
opacity:.75;
filter: alpha(opacity=75); /* IE */
-moz-opacity: 0.75; /* Firefox */
}

2 Комментариев :

Анонимный комментирует...

Очень пригадилось. Спасибо!

Анонимный комментирует...

Все просто как апельсин оказалось, спасибо!!!

Отправить комментарий

Жги!