Пропадает фон меню при переходе в под меню

[vojack]

Доброго времени суток. Сделал картинки в меню, выставив их фоновым рисунком. Так вот при переходе в под меню "заглавная" картинка пропадает.
Код при наведении

#menu > ul > li > a.item_4:hover {
background-image: url(/catalog/view/theme/default/image/sprite.png);
background-repeat: no-repeat;
background-position: -4px -154px;
padding-left: 24px;

При обычном отображении

#menu > ul > li > a.item_4 {
background-image: url(/catalog/view/theme/default/image/sprite.png);
background-repeat: no-repeat;
background-position: -4px -124px;
padding-left: 24px;

вот что получается на картинках



...и после перехода в подменю

 

[metallphilin]

пожалуйста, укажите ссылку на сайт или вложите архив с версткой.

вероятно из-за background-position: которые отличаются при ховере на 30 пкс по горизонтали.

 

[vojack]

пожалуйста, укажите ссылку на сайт или вложите архив с версткой.

вероятно из-за background-position: которые отличаются при ховере на 30 пкс по горизонтали.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[metallphilin]

точно не уверен, но строка 2826 stylesheet.css:


.item_4:hover {
list-style-image: url("/catalog/view/theme/default/image/cooking_pot-1.png");
list-style-position: inside;
}

- удалить нафиг.



т.к. в браузер выдается вот что:

#menu > ul > li > a.item_4:hover {
background-image: url(/catalog/view/theme/default/image/sprite.png);
background-repeat: no-repeat;
/*clip: rect(auto,auto,auto,10px);*/
background-position: -4px -154px;;
padding-left: 24px;
/*background: #474747;*/
/*background-position-y: 7px;*/
}

#menu > ul > li > a.item_4:focus {
background-image: url(/catalog/view/theme/default/image/sprite.png);
background-repeat: no-repeat;
/*clip: rect(auto,auto,auto,10px);*/
background-position: -4px -154px;;
padding-left: 24px;
/*background: #474747;*/
/*background-position-y: 7px;*/
}

парамерты
:hover и focus: по сути своей идентичны, так что смело можно один грохнуть.

PS': свой файл стилей правильно подключать в самом конце, после всех подгружаемых библиотек, тогда в нем можно переописать любой элемент стиля.

 

[vojack]

точно не уверен, но строка 2826 stylesheet.css:


.item_4:hover {
list-style-image: url("/catalog/view/theme/default/image/cooking_pot-1.png");
list-style-position: inside;
}

#menu > ul > li > a.item_4:focus {
background-image: url(/catalog/view/theme/default/image/sprite.png);
background-repeat: no-repeat;
/*clip: rect(auto,auto,auto,10px);*/
background-position: -4px -154px;;
padding-left: 24px;
/*background: #474747;*/
/*background-position-y: 7px;*/
}

спасибо за помощь , я убрал элементы, а все равно не показывается картинка

 

[zek24]

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

background: url("/catalog/view/theme/default/image/sprite.png") no-repeat scroll -4px -124px #000000;