jquery - jQuery 下拉菜单在 IE 中表现得很奇怪

Question

如果您在 IE 中查看此 URL（我使用的是 IE10，但在旧版本中似乎也是如此）。

演示链接

当子选项打开时，菜单似乎以随机方式关闭和打开。EG：我们的服务 > 服务和 MOT。它似乎只发生在几个子链接上，并不总是触发。

这是我正在使用的 jQuery 代码，它应该只在第一个 ul > li 悬停时触发。

$('#mainNav ul:first>li').hover(
  function () {
    $(this).children('ul').css('top', '50px').css('left', '0px');
    $(this).children('ul').slideDown('fast');
  },
  function () {
    $(this).children('ul').slideUp('fast', function(){
      $(this).children('ul').css('top', '-99999px').css('left', '-99999px');
    });
  }

知道为什么会这样吗？

Answer 1

正如我在评论中所写，你的 CSS 中有这个：

#mainNav ul ul li {
    background-image: url("../images/blocks/white-95.png");
    float: none;
    margin-top: 2px; 
    width: 100%;
}

尝试将边距更改为 0 像素，并将边框顶部设置为 2 像素，而不是使用您喜欢的颜色。它可能会起作用。