Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Проблема с верхнем меню категорий
 
dimas09
Jr. Member
 
Total Posts:  17
Joined:  2008-11-19
 

Здравствуйте!
При наведении на ссылку, в которой вставлена картинка, должно поменяться на картинку другого цвета. сделал следующий css

#nav .nav-ladies-tool-bags.active a { background: url('../images/menu/level0-ladies-tool-bags-hover.png') no-repeat; width: 134px; height: 13px; }
#nav .nav-city-bags.active a { background: url('../images/menu/level0-city-bags-hover.png') no-repeat; width: 72px; height: 13px; }
#nav .nav-schmuckkastchen.active a { background: url('../images/menu/level0-sh-hover.png') no-repeat; width: 143px; height: 13px; }
#nav .active a { background: url('../images/menu/sales_hover.png') no-repeat; width: 41px; height: 13px; }
#nav .active a { background: url('../images/menu/kontakt_hover.png') no-repeat; width: 65px; height: 13px; }

#nav .nav-ladies-tool-bags a { background: url('../images/menu/level0-ladies-tool-bags.png') no-repeat; width: 134px; height: 13px; }
#nav .nav-city-bags a { background: url('../images/menu/level0-city-bags.png') no-repeat; width: 72px; height: 13px; }
#nav .nav-schmuckkastchen a { background: url('../images/menu/level0-sh.png') no-repeat; width: 143px; height: 13px; }
#nav .nav-sales a { background: url('../images/menu/sales.png') no-repeat; width: 41px; height: 13px; }
#nav .nav-kontakt a { background: url('../images/menu/kontakt.png') no-repeat; width: 65px; height: 13px; }

#nav .nav-ladies-tool-bags a:hover { background: url('../images/menu/level0-ladies-tool-bags-hover.png') no-repeat; width: 134px; height: 13px; }
#nav .nav-city-bags a:hover { background: url('../images/menu/level0-city-bags-hover.png') no-repeat; width: 72px; height: 13px; }
#nav .nav-schmuckkastchen a:hover { background: url('../images/menu/level0-sh-hover.png') no-repeat; width: 143px; height: 13px; }
#nav .nav-sales a:hover { background: url('../images/menu/sales_hover.png') no-repeat; width: 41px; height: 13px; }
#nav .nav-kontakt a:hover { background: url('../images/menu/kontakt_hover.png') no-repeat; width: 65px; height: 13px; }
В ФФ все нормально работает, а в ИЕ6 нет.
hover на ссылке должен работать, потому есть мысль что не работает перечесление классов через пробел
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level0 nav-city-bags parent">
как решить проблему?

вот мои наблюдения:
убрал в секции <!--[if lt IE 7]> lib/ds-sleight.js после чего вот такая ссылка начала отображаться нормально

<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level0 nav-city-bags parent">
ее стиль
#nav .nav-sales a { background: url('../images/menu/sales.png') no-repeat; width: 41px; height: 13px; }
         #nav .nav-sales a:hover { background: url('../images/menu/sales_hover.png') no-repeat; width: 41px; height: 13px; }
но если в ссылка такая
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level0 nav-city-bags active parent">
ее стиль
#nav .nav-sales.active a { background: url('../images/menu/sales_hover.png') no-repeat; width: 41px; height: 13px; }
тогда отображается какая-то левая картинка
 
Magento Community Magento Community
Magento Community
Magento Community
 
ogonkov
Guru
 
Total Posts:  582
Joined:  2009-03-25
Moscow, Russia
 

Если пример выложите где-то фаирбагом могу посмотреть где косяк )

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top