Javascript IE菜单悬停问题

地点：

使用IE（9或更低），当将鼠标悬停在主页上的任何菜单上并尝试选择项目2+，即：将鼠标悬停在Shop上并尝试单击笔刷或护发器时，菜单将消失

我怀疑这是由于我的slidecontent，但是我尝试过的一切（CSS破解和JS更改）都没有让菜单正常工作，在FF、Chrome和Safari上也没有

是否有一个特定的IE修复程序或CSS黑客，我错过了

---

编辑：我已经更新了Justus的CSS提琴，添加了slidecontent，而没有不相关的代码。请随意玩玩，看看IE上有什么问题。。主要是IE9。

您的网站有很多其他代码，因此很难看出问题的真正原因。我刚才摆弄了一个只有css的三级菜单：

如果你能匹配

css

/

html

，我很确定它会起作用，尽管

li:hover

在IE7上可能不起作用。如果必须的话，您可以使用javascript在

hover

事件中添加一个类名，然后使用它。 小提琴代码： HTML:

---

我在ie 8上查看了你的网站。它工作正常

只有一件事你应该做

申请

---

子菜单项上的z索引属性。

谢谢您，Justus。我已经更新了你的叉子，这有助于解决问题吗？还是不行：（好吧，我举了这个例子作为扩展菜单的起点和指南。我无法通过挖掘所有资源来帮助您解决问题，但我认为您希望分离出一个工作版本，并添加网站/应用程序的其他部分，直到您发现问题。谢谢Anuj，但IE9是主要问题。小提琴上的z-index I不是问题，在主网站上没问题。

<ul class="main">
  <li ><a href="#">Link one</a></li>
  <li><a href="#">Link two</a>
    <ul>
      <li><a href="#">Sublink one</a></li>
      <li><a href="#">sublink two</a>
        <ul>
          <li><a href="#">Sub sublink one</a></li>
          <li><a href="#">Sub sublink two</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

ul.main {
}
.main li {
    float: left;
    position: relative;
}
.main ul {
    position: absolute;
    display: none;
    left: 0;
    top: 1em;
}
.main li:hover > ul {
    display: block;
}
.main ul li {
    display: block;
    float: none;
    white-space:nowrap;
}
.main ul ul {
    left:100%;
    top: 0;
​}​