问题: http ://themeforward.com/demo2/
当我将鼠标悬停在菜单项上并开始将鼠标悬停在子菜单上时,父链接(即“模板”)在悬停时会丢失归因于它的属性。我希望它保持这些属性。我已经尝试了许多变体来实现这一点,但一直无法做到。我认为这是可以通过带有 Superfish 的 CSS 实现的,并且我只是使用了不正确的类。
我的CSS: http ://snippi.com/s/hv7m288
问题: http ://themeforward.com/demo2/
当我将鼠标悬停在菜单项上并开始将鼠标悬停在子菜单上时,父链接(即“模板”)在悬停时会丢失归因于它的属性。我希望它保持这些属性。我已经尝试了许多变体来实现这一点,但一直无法做到。我认为这是可以通过带有 Superfish 的 CSS 实现的,并且我只是使用了不正确的类。
我的CSS: http ://snippi.com/s/hv7m288
这是因为悬停事件附加到<a>
,但子菜单是 的子菜单<li>
。因此,将悬停添加到<li>
将修复它。
编辑 这是一个小提琴http://jsfiddle.net/7kYF6/
我改变了这个
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color:#868E98!important;
background:#3C4751
}
对此,它对我有用
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover a {
color:#868E98!important;
background:#3C4751
}