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

Question

http://www.mapleboutique.com/

它显示正常，但一旦你开始盘旋，事情开始变得非常难看。到目前为止，我只在IE9中对它进行了测试，然后一直到IE6（ahhhhh）。

这里也是我的CSS。 （我试着在这里粘贴它并用代码标签格式化，我不知道为什么我甚至无法弄明白）。

http://www.mapleboutique.com/stylesheets/main.css

Answer 1

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

看起来一旦元素设置为opacity < 100，就不会在mouseout上重新设置不透明度，导致菜单元素属性上的float:left失败...

评论此行，以便您的菜单有效（但没有透明度）。在IE7,8,9上。

如果你想要IE上的透明度，尝试用jQuery实现它，不要忘记重温它onmouseout

Answer 2

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

1. 您的<ul>无效。您无法将<li>包裹在<div>中。 <ul>唯一有效的孩子是<li>。

2. 重复使用ID #hoverNavi无效。 Id只能在页面上使用一次。请尝试使用课程。