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

时间:2013-05-07 11:40:53

标签: jquery internet-explorer drop-down-menu

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

Demo link

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

这是我正在使用的jQuery代码,它只能在第一个ul>上触发。李哈斯。

$('#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');
    });
  }

知道为什么会这样吗?

1 个答案:

答案 0 :(得分:2)

正如我在评论中所写,你在CSS中有这个:

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

尝试将边距更改为0px,并将border-top设置为2px而不是您喜欢的颜色。它可能会奏效。