Question

我用jquerys mouseenter / mousleave来创建导航。除了IE 10之外，所有浏览器都可以正常工作。

  $(".menu-item a").on("mouseenter", function() {
    "use strict";
      $(this).next(".menu-adds").children().addClass("active");
      $(".current_page_item").children(".menu-adds").children().removeClass("active");
  });


  $(".menu-item a").on("mouseleave", function() {
    "use strict";
      $(this).next(".menu-adds").children().removeClass("active");
      $(".current_page_item").children(".menu-adds").children().addClass("active");
  });

https://jsfiddle.net/a8omouec/2/

当您将鼠标悬停在导航项目上时，IE10中的文字和图像会重叠。

没有找到解决方案，但我的CSS似乎没有问题。

Answer 1

对于临时解决方案，我使用Mediaquery设置转换为ie10 +为none。这没有解决问题，但对我来说这是一个很好的解决方案。也许其他人在这份协议中受到了关注。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    span.menu-image.active,
    span.menu-description.active {
            transition: none;
    }
}

https://jsfiddle.net/a8omouec/4/

jquery mouseenter / mousleave IE 10问题

1 个答案: