Воскресенье, 2017-12-17, 8:45 PM
Игры и программы без установки Portable
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
ФОРУМ портала DM_55 » САЙТЫ, WEB-ДИЗАЙН, СКРИПТЫ, КОМПЬЮТЕРЫ » СКРИПТЫ ДЛЯ uCoZ » Прозрачность картинки при наведении курсора мыши.
Прозрачность картинки при наведении курсора мыши.
DM_55Дата: Воскресенье, 2009-03-22, 3:40 AM | Сообщение # 1
=сайт админ=
Группа: Администраторы
Сообщений: 292
Репутация: 5555
Статус: Offline
[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]


-=выложи файл в интернете - получи денежку!=-
 
ФОРУМ портала DM_55 » САЙТЫ, WEB-ДИЗАЙН, СКРИПТЫ, КОМПЬЮТЕРЫ » СКРИПТЫ ДЛЯ uCoZ » Прозрачность картинки при наведении курсора мыши.
Страница 1 из 11
Поиск:

Хостинг от uCoz