css 下拉菜单出现在第一个选项卡上

Question

我正在这里进行我正在进行的工作- http://www.22shrutiharmonium.com/version2/index.html

在这里，css 下拉菜单出现在不同的菜单选项卡中（并且按预期准确运行）。但是，一旦进入“博客”部分，无论我们将鼠标悬停在菜单上的哪个位置，都会注意到下拉菜单不必要地出现在第一个菜单选项卡附近。 （IE7、FF3.6.9、Chrome 6.0.472.55）

基本上，我已将外部开源博客代码集成到我的网站中，并将原来的博客主题 (css) 更改为我的网站的主题。所以我的网站css的下拉菜单部分和博客的css是一样的（我已经将我的css的下拉菜单部分复制到/blog目录中来自定义它的css）。

提前致谢。

Answer 1

为避免头疼，我个人建议使用纯 CSS 菜单，如果重新编写几行 CSS 不会花费太多时间或精力。

http://htmldog.com/articles/suckerfish/dropdowns/

如果你不关心支持 IE6，你可以忽略 sf-hover。看起来您当前导航的结构也与上述链接匹配，因此该过程应该非常顺利。