[wavygreen]1. Для всех картинок на сайте:[/wavygreen]
Добавить в CSS код:
Code
a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+ */
-moz-opacity: 0.5; /* Mozilla 1.6- */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3, Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 4 */
}
[wavygreen]2. Для определённого участка[/wavygreen]
Добавить в CSS код:
[hide=1]
Code
#image1 a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+ */
-moz-opacity: 0.5; /* Mozilla 1.6- */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3, Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 4 */
}
[/hide] Тогда участок помещаем в div или span с ID:
Code
<div id="image1">Тут ваши каритнки </div>
[wavygreen]3. Картинка сначала прозрачная, а при наведении нормальная[/wavygreen]
Добавляем в CSS код:
[hide=2]a img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+ */
-moz-opacity: 0.5; /* Mozilla 1.6- */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3, Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 4 */
}
a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+ */
-moz-opacity: 1; /* Mozilla 1.6- */
-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
opacity: 1; /* CSS3, Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9 */
filter: alpha(opacity=100); /* IE 4 */
}[/hide]