CSS 下拉菜单帮助答案

【问题标题】：CSS Dropdown menu helpCSS 下拉菜单帮助
【发布时间】：2009-05-05 04:42:28
【问题描述】：

谁能告诉我为什么 CSS 下拉菜单（翻转“软件解决方案”）在这里有效：

但不在这里：

这让我发疯了！我正在使用 Firefox 3.0.10。请帮忙..

【问题讨论】：

【解决方案1】：

CSS 菜单中内置了大量知识，以涵盖不同的浏览器版本等。我的建议是不要自己这样做。获得一个像吸盘鱼（或众多变体中的一种）这样的预制。

或者，您可以按照此处的建议使用基于 Javascript 的解决方案，例如 superfish。

注意：如果您需要支持 IE6，那么无论如何您都将为该浏览器使用 Javascript，因为它不支持锚点以外的任何东西上的 :hover 伪元素。

【讨论】：

【解决方案2】：

因为您正在失去对父元素的关注。在第二个中，下面有更多元素，当下拉菜单扩展时，它会在内容容器下方 - 您向下移动鼠标，它会在文本内容容器上方，而不是在菜单容器上方。

安装web developer toolbar和轮廓框元素，你会看到的。

Google for jquery 下拉菜单或其他基于 javascript 框架的解决方案，它们可以正常工作并跨浏览器，除非您只是为了自学。

【讨论】：

【解决方案3】：

页面在 IE8 和 Firefox 中看起来相同。菜单下降但看起来不是那么好。如果您使用的 JQUERY SuperFish 是一个非常好的 cs 菜单。

【讨论】：