Box-shadow при наведении мыши.

Appleman
На сайте с 06.11.2010
Offline
79
3356

Решил сделать подсветку изображений box-shadow, но чтобы не портить внешний вид (штук 20 подсвеченных изображений подряд это буэээ), подсветка должна актироваться только при наведении мыши на изображение.Как я понимаю тут нужен скрипт или CSS3 справиться?Проблема возникает только с активацией при наведением мыши, сам box-shadow понятный для меня элемент.

UPD.Не получается что-то с :hover.Можете кто-нибудь код кинуть?

flenj
На сайте с 21.07.2010
Offline
59
#1

:hover для элемента и задать class

я бы так сделал))

Порфолиё /ru/forum/526650 (/ru/forum/526650)
T
На сайте с 20.03.2007
Offline
67
Toy
#2
сам box-shadow понятный для меня элемент

Как так знаете о box-shadow, но не о hover?

Не забудьте еще -moz-box-shadow и -webkit-box-shadow, для старых IE можно фильтр задать.

filter:progid:DXImageTransform.Microsoft.Shadow(sProperties)

Тогда тень будет даже в IE4, но потеряется hover, если элемент не ссылка, если нужны IE4+ используйте onmouseover

Appleman
На сайте с 06.11.2010
Offline
79
#3

В ИЕ4?Вот это я называю кроссбраузерностью.Спасибо.

dma84
На сайте с 21.04.2009
Offline
168
#4

Кроссбраузерное решение box-shadow: http://www.xiper.net/collect/html-and-css-tricks/overclock-site/box-shadow.html

для IE6 используйте :hover на ссылке

Appleman
На сайте с 06.11.2010
Offline
79
#5
Toy:
Как так знаете о box-shadow, но не о hover?
Не забудьте еще -moz-box-shadow и -webkit-box-shadow, для старых IE можно фильтр задать.
filter:progid:DXImageTransform.Microsoft.Shadow(sProperties)

Тогда тень будет даже в IE4, но потеряется hover, если элемент не ссылка, если нужны IE4+ используйте onmouseover

А если элемент не ссылка в современных браузерах работает?

dma84
На сайте с 21.04.2009
Offline
168
#6

в современных работает, везде работает, кроме Осла

T
На сайте с 20.03.2007
Offline
67
Toy
#7

Appleman, IE6 точно не поддерживает, насчет следующих не уверен.

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