为什么我的基于 CSS 的下拉菜单在 IE9 中不起作用？答案

【问题标题】：Why does my drop down CSS based menu not work in IE9?为什么我的基于 CSS 的下拉菜单在 IE9 中不起作用？
【发布时间】：2011-08-24 07:49:10
【问题描述】：

它显示得很好，但是一旦你开始将鼠标悬停在上面，事情就会变得非常难看。到目前为止，我只在 IE9 中对其进行了测试，并且一直在工作到 IE6 (ahhhhh)。

anway 这里也是我的 CSS。（我尝试将它粘贴在这里并使用代码标签对其进行格式化，我不知道为什么我什至无法弄清楚）。

【问题讨论】：

您的<ul> 无效。您不能将<li> 包装在<div> 中。 <ul> 的唯一有效子代是 <li>。尝试改变它。并且重复使用 id #hoverNavi 也是无效的。 ID 只能在一个页面上使用一次。改用一个类。
@tw16，谢谢，这似乎是问题所在。我是 css/html 的新手，而且代码是在我比现在更新鲜的时候编写的。
@pinouchon 谢谢 - 有趣的是我得到了一堆 +1，看起来这就是为什么？查看博客了解更多照片
@pinouchon mapleboutique.com/_blog/maple_blog 我想我需要让博客在整个网站上更加流行

【解决方案1】：

我可以看到两个主要问题：

【讨论】：

【解决方案2】：

Main.css，第 417 行：filter:alpha(opacity=93); /* for IE */

看起来一旦元素设置了opacity < 100，鼠标悬停时不透明度不会恢复，导致菜单元素属性上的float:left 失败...

评论此行，这样您的菜单就会起作用（但不透明）。在 IE7、8、9 上。

如果你想在 IE 上透明，尝试用 jQuery 实现，别忘了恢复它onmouseout

【讨论】：