问题: http://themeforward.com/demo2/
当我将鼠标悬停在菜单项上并开始鼠标按下子菜单时,父链接(即“模板”)会在悬停时丢失归属于它的属性。我希望它能保持这些属性。我已经尝试了很多变化来实现这一点,并且无法做到这一点。我假设这可以通过带有Superfish的CSS实现,而我只是使用不正确的类。
我的css: http://snippi.com/s/hv7m288
答案 0 :(得分:4)
这是因为悬停事件附加到<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
}