Top.Mail.Ru
Ответы

Html при наведении на картинку меняет цвет

есть две картинки 80*60,первая с надписью на синем фоне, вторая с той же надписью на сером фоне (обесцвечена).

Мне нужно в минимум строк простого кода при наведении мыши показывать картинку на сером фоне, а когда курсор уходит то возвращать цветную.

Только авторизированные пользователи могут оставлять свои ответы
Дата
Популярность
Аватар пользователя
Новичок
8лет

// 1) css style
.my_elem_img
{ margin:0; padding: 15px ; background:#0cf url(images/hand.png) no-repeat left top ; border:none; }
/* указывай свои картинки */
.my_elem_img:hover
{ background:#ccc url(images/hand_hover.png) no-repeat left top }

// 2) html
// указывай класс

3) читай и узнавай расширяй кругозор и расти над собой
css hover http://htmlbook.ru/css/hover
css псевдо-классы http://htmlbook.ru/css/cat/pseudoclass

Аватар пользователя
Просветленный
8лет

site-s-nulya.ru/smena-izobrazheniya-pri-navedenii-kursora/

Аватар пользователя
Профи
8лет

Самое быстрое! Для картинки через CSS задайте фон или источник IMG со сменой по состоянию HOVER (по наведению на объект)