CSS下拉菜单帮助

Question

有人可以告诉我为什么CSS下拉菜单（翻转“软件解决方案”）在这里工作：

http://deltaassocc.web704.discountasp.net/temp/page-works.html

但不在这里：

http://deltaassocc.web704.discountasp.net/temp/page.html

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

Answer 1

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

或者，您可以使用基于Javascript的解决方案，如此处建议的超级鱼。

注意：如果您需要支持IE6，那么无论如何您都会使用Javascript浏览器，因为它不支持除了锚点之外的任何其他内容的hover伪元素。

Answer 2

因为你不再关注父元素。在第二个元素中，下面有更多的元素，当下拉列表延伸时，它会进入内容容器 - 您将鼠标向下移动，它位于文本内容容器上，而不是在菜单容器上。

安装web developer toolbar和大纲框元素，您将看到。

谷歌提供jquery下拉菜单或其他基于javascript框架的解决方案，它们可以正常工作并跨浏览器，除非你只是为了自我教育而做。

Answer 3

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