html && css - подсветка изображений

Question

У меня есть изображения в моей галерее. Я хочу выделить их (например, белое свечение), когда мышь наведена. Могу ли я сделать это, используя javascript / css / html для всех браузеров?

Answer 1

Псевдокласс «hover» не поддерживается всеми браузерами с тегами изображений (в качестве альтернативы можно использовать Javascript), но если изображения обернуты в якорь (тег A), вы можете сделать что-то подобное в своем CSS :

a img.photo { border-color: transparent; border-width: 3px; border-style: solid; }
a:hover img.photo { border-color: #FFFFFF; }

Первое правило CSS устанавливает размер и тип границы, второе меняет цвет при наведении.

Answer 2

Для этого существует множество jquery-решений. Вот один .

Answer 3

Будет ли это работать для вас: http://www.domedia.org/oveklykken/css-rollover-image.php