【发布时间】:2010-02-22 01:33:30
【问题描述】:
见http://bldd.nl/prototypes/megamenu/test23.php
我被这个困住了,如果您滚动子菜单导航,您会看到相应的主菜单滚动精灵吗?
我该如何解决这个问题并优化 css?
【问题讨论】:
见http://bldd.nl/prototypes/megamenu/test23.php
我被这个困住了,如果您滚动子菜单导航,您会看到相应的主菜单滚动精灵吗?
我该如何解决这个问题并优化 css?
【问题讨论】:
您的 CSS 使用后代选择器:#jobs-news a:hover。
这将匹配#jobs-news 内的任何a:hover,即使它实际上在它的一个孩子中。
最简单的解决方案是为根a 元素赋予它们自己的类(例如<a class="MainLink" href="#">),然后将悬停选择器更改为#jobs-news a.MainLink:hover。
这样,它不会匹配子项,因为它们没有MainLink 类。
如果您不需要支持 IE6,也可以使用子选择器:#jobs-news > a:hover
【讨论】:
<a>元素一个类,而不是一个ID:<a class="MainLink">。然后你可以写#jobs-news a.MainLink:hover。