HTML Затемненная картинка при наведении курсора осветляется

[kyller]

Затемненная картинка при наведении курсора осветляется

Описание: Сделал не я!!! Нашел на своем сайте!
Будет работать если у вас картинка является гиперссылкой через (<a href...></a>),
также цвет картинки без наведения курсора будет зависеть от фона.

Без наведения:

Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!

При наведении:

Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!

Код:
В style

.ss a img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
}
.ss a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
filter: alpha(opacity=100);
}

Туда куда вам надо вставить картинку:

<div class="ss">
<a href="тут ссылка ваша"><img src="адрес изображения"></a>
</div>

Спасибо за внимание! Кому помог не жалейте плюсик​