Изменение картинки при наведении

nomak11

Постоялец
Регистрация
17 Ноя 2013
Сообщения
104
Реакции
13
Добрый вечер. Помогите пожалуйста задать стиль при наведении на картинку возле поиска (лупа) Для просмотра ссылки Войди или Зарегистрируйся
 
Добрый вечер. Помогите пожалуйста задать стиль при наведении на картинку возле поиска (лупа) Для просмотра ссылки Войди или Зарегистрируйся
Код:
form.art-search input[type="submit"], input.art-search-button:hover

Это псевдокласс :hover
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.

Для просмотра ссылки Войди или Зарегистрируйся
 
Я так и написал сразу
input.art-search-button:hover{background-position: 0 -40px;}
, но не срабатывает.
 
Код:
form.art-search input[type="submit"], input.art-search-button:hover
отрабатывает правильно, ибо ты назначаешь элементу в обеих состояниях одно и тоже значение
по этому в начальном положении:
Код:
form.art-search input[type="submit"], input.art-search-button, a.art-search-button{
background:url("../images/searchicon.png") no-repeat scroll 0 0
}
0 0 - это изначальная позиция фона. Почитай подробнее про сокращёное написание свойства background

а стиль ховер эфекта должен быть
Код:
form.art-search input[type="submit"]:hover, input.art-search-button:hover, a.art-search-button:hover{
background-position:0 -40px;
}
 
Спасибо, помогло)
 
Ну по хорошему, если изображение не спрайтовое то hover воспримет любое новое значение background
 
<img src="Picture.gif" name="MyPicture" alt="моя картинка" border="0" onMouseOver="window.document.images['MyPicture'].src='NewPicture.gif';" onMouseOut="window.document.images['MyPicture'].src='Picture.gif';">
 
Назад
Сверху