javascript - IE DIV悬停区域不一样。直到我添加背景颜色

Question

基本上我用DIV/CSS/JS制作了一个imagemap

我的翻转链接是这样设置的:

<a class="rollover" id="01" href="#" target="_blank">
      <div class="mapLinkBox" id="mapLink01">&nbsp;</div>
</a>

CSS:

.mapLinkBox {
    display: block;
    z-index: 9999;
    overflow: hidden;
    position: absolute;
}
#mapLink01 {
    bottom: 31px;
    left: 35px;
    width: 200px;
    height: 200px;
}

但在 IE 中，链接悬停区域受到某些影响，无法正常工作。是什么导致了这个问题？

用于悬停的 jQuery:

$(".rollover").each(function() {
    $(this).hover(function() {

    },function() {

    });
})

Answer 1

尝试使用 mouseover，我过去曾遇到过 hover 的问题。你也可以稍微清理一下你的代码，你有一些冗余的选择器:

$('.rollover').mouseover(function() {

}).mouseout(function() {

});