Question

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

我怀疑这是由于我的幻灯片内容，但是我尝试过的所有内容（CSS黑客和JS更改）都不会让菜单正常工作，并且在FF，Chrome和＆amp; Safari浏览器。

是否有针对此的特定IE修复或我错过的CSS黑客？

编辑：我已经更新了Justus的CSS小提琴，以包含幻灯片内容而没有无关紧要的代码 - http://jsfiddle.net/eN7sh/14/。随意玩这个，只是寻找IE上的问题..主要是IE9。

Answer 1

您的网站上有很多其他代码，因此很难看出究竟是什么导致了这个问题。我刚刚摆弄了一个仅限css的3级菜单：http://jsfiddle.net/eN7sh/12/

我很确定如果你能匹配css / html，它会起作用，尽管li:hover可能不适用于IE7。你可以使用javascript在hover事件上添加一个类名，如果必须，可以使用它。小提琴代码： HTML：

<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>

CSS：

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;
}

Answer 2

我检查了你的网站，即8.工作正常..

你应该做的一件事

应用

子菜单项上的z-index属性。

菜单悬停的IE问题

2 个答案: