Форум Сайтостроение Веб-строительство

Осветленное изображение - навел - нормальное :)

[Удален]
903

Ну не знаю как еще объяснить :)

Как такое сделать?

Shtogrin
На сайте с 02.11.2006
Offline
95
Shtogrin
#1

http://www.cssdrive.com/index.php/examples/exampleitem/highlight_image_opacity/

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
[Удален]
#2
Shtogrin:
http://www.cssdrive.com/index.php/ex...image_opacity/

Точтонужновобщем :) Спасибо :)

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#3

Shtogrin, ето только в лисице работает, в опере 9.23 не работаТ.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
[Удален]
#4
Varkolak:
Shtogrin, ето только в лисице работает, в опере 9.23 не работаТ.

Ага, заметил :) Какисправить-то?

Shtogrin
На сайте с 02.11.2006
Offline
95
Shtogrin
#5

SS3 свойство opacity понимают браузеры: Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9, Internet Explorer 7.

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}

Попробуйте так. Можно и -moz-opacity оставить.

[Удален]
#6

IE7 понимать не хочет...

neznaika
На сайте с 28.06.2006
Offline
356
neznaika
#7

http://www.tigir.com/opacity.htm

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
[Удален]
#8

neznaika, спасибо, читаю :)

Shtogrin
На сайте с 02.11.2006
Offline
95
Shtogrin
#9 

.highlightit img{

    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);

    -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=60); /* IE 5.5+*/

}



.highlightit:hover img{

    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);

    -moz-opacity: 1.0;    /* Mozilla 1.6 и ниже */

    -khtml-opacity: 1.0;  /* Konqueror 3.1, Safari 1.1 */

    opacity: 1.0;         /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

    filter: alpha(opacity=100); /* IE 5.5+*/

}

Нет сейчас IE7 что бы проверить.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий