Superfish First Level:维护悬停属性

时间:2012-10-05 00:18:20

标签: css superfish

问题: http://themeforward.com/demo2/

当我将鼠标悬停在菜单项上并开始鼠标按下子菜单时,父链接(即“模板”)会在悬停时丢失归属于它的属性。我希望它能保持这些属性。我已经尝试了很多变化来实现这一点,并且无法做到这一点。我假设这可以通过带有Superfish的CSS实现,而我只是使用不正确的类。

我的css: http://snippi.com/s/hv7m288

1 个答案:

答案 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
}