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

[nomak11]

Добрый вечер. Помогите пожалуйста задать стиль при наведении на картинку возле поиска (лупа) Для просмотра ссылки Войди или Зарегистрируйся

 

[inturned]

Добрый вечер. Помогите пожалуйста задать стиль при наведении на картинку возле поиска (лупа) Для просмотра ссылки Войди или Зарегистрируйся

form.art-search input[type="submit"], input.art-search-button:hover

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

Для просмотра ссылки Войди или Зарегистрируйся

 

[nomak11]

Я так и написал сразу
input.art-search-button:hover{background-position: 0 -40px;}
, но не срабатывает.

 

[inturned]

Я так и написал сразу
input.art-search-button:hover{background-position: 0 -40px;}
, но не срабатывает.

попробуй именно так:
form.art-search input[type="submit"], input.art-search-button:hover

 

[nomak11]

попробуй именно так:
form.art-search input[type="submit"], input.art-search-button:hover

А если так, то работает как команда для пассива, а не при наведении...

 

[ITeshnik]

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;
}

 

[nomak11]

Спасибо, помогло)

 

[Frangovalex]

Ну по хорошему, если изображение не спрайтовое то hover воспримет любое новое значение background

 

[ITeshnik]

Ну по хорошему, если изображение не спрайтовое то hover воспримет любое новое значение background

как-раз, таки по хорошему, это когда изображение спрайтом

 

[Savetchuk]

<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';">