RAZGON

автомир [1]
автомобильные новости
новости сайта [0]
все новости нашего сайта
UcoZ [181]
Скрипты и интересные решения

Оцените мой сайт
Всего ответов: 44

По коментариям (10 лучших)
1 FrosT
2 junkie
3 serj2140
4 kicepitinee
5 Viascunninc
6 Ticslalocap
7 DogWrergyNorb
8 irorgixervabe
9 Plossemef
10 Wamdadiakat


Главная » 2008 » Сентябрь » 30 » Прозрачность картинки при наведении на нее курсора мыши.
Прозрачность картинки при наведении на нее курсора мыши.
15:18

Поставь это в CSS

Код:
a:hover 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=50); /* IE 5.5+ */
}



если надо для определённого участка то помещаем его в div или span с ID
пример:

Код:
<div id="image1"><a href="http://top.mail.ru/jump?from=1438129" target="_top"><img src="http://counter.rambler.ru/top100.cnt?1421104" alt="Rambler's Top100" border="0" width="0" height="0"></а></div>


как видите я указал ID (image1)
все это осталось это прописать в css ID

Код:
#image1 a:hover 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=50); /* IE 5.5+ */
}



а чтоб сделать эффект что б картинка по началу прозрачная, а когда наводишь нормальная то это в ставим в CSS

Код:
a 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=50); /* IE 5.5+*/
}

a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-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 5.5+ */
}


Вот и все!

Категория: UcoZ | Просмотров: 2792 | Добавил: FrosT | Рейтинг: |
Всего комментариев: 1
1 sparco  
0
Автор, в IE работает? А то я как-то прописал прозрачность картинки при наведении (там правда код по другому был построен), во всех браузерах нормально, а в IE картинка не становится прозрачной при наведении. И более того, в нижней левой части страницы пишет, что страница загружена с ошибками...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Сегодня: 03.05.2024
Время: 08:16

Каталог лучших ресурсов Всемирной Сети Internet

Гость
IP адрес: [18.119.118.99]

«  Сентябрь 2008  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930


Расширеный поиск

Зарегестрировано на сайте
Всего: 61
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 2
Модераторов: 0
Проверенных: 1
Обычных юзеров: 58
Из них
Парней: 59
Девушек: 2
Сейчас Онлайн
Всего в онлайне: 1
Гостей: 1
Зарегестрированых: 0


Создать бесплатный сайт с uCoz ©2006-2024 Все права защищены.
Сайт оптимизирован для просмотра с разрешением 1280x1024 и выше, браузером Opera
При копировании информации сайта ссылка razgon.at.ua обязательна.

UcoZ Web Services