Просто рабочий конспект
Чтобы картинка в тексте изменяла свою прозрачность при наведении на неё курсора мыши достаточно использовать псевдо-классы для линков.
Например,
<style type="text/css">
.snapshot_area a img {
border: 0px none;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
khtml-opacity: 0.7;}
.snapshot_area a:hover img {
border: 0px none;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
khtml-opacity: 1.0;}
</style>
Класс нужен, чтобы применять эффект только там, где необходимо.
Вот так, на примере эволюции человека:
Прекрасно работает в Firefox и MS IE !Подпишись на новости HTML и CSS по e-mail |
