Блок Партнеры для сайта

Статус
В этой теме нельзя размещать новые ответы.

antony_antony

Постоялец
Регистрация
6 Май 2008
Сообщения
72
Реакции
2
На сайтах каких-то событий, форумов или промосайтах почти всегда в футере сайта делают блок Наши партнеры (логотипы спонсоров в сером цвете, которые при наведении указателя меняются на цветные). Кто может дать пример реализации такого блока? или хотя бы ссылку, где есть такой пример...
 
HTML:
a img { opacity:0.2; }
a:hover img { opacity:1; }
 
a img { opacity:0.2; }
a:hover img { opacity:1; }
Это CSS 3, не все браузеры его поймут

Для Mozilla 1.6 и ниже, Firefox 0.8 добавляем
Код:
-moz-opacity: 0.2;
Для ИЕ добавляем
Код:
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
 
Можно сделать две картинки, одна цветная, а другая черно белая.
И потом вот так заменять:
Код:
<a href="#"><img src="images/1.png" onmouseover="this.src='images/2.png'" onmouseout="this.src='images/1.png'"></a>
работает везде.
 
Ещё можно использовать следующий вариант:

a img { filter: gray()}
a:hover img { filter:none }

Правда может не работать в некоторых браузерах
Зато делает честный ч/б, а не снижение opacity
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху