IE8无法正确使用jQuery中的.hover（）和.animate（）。铬和FF是正常的，典型的

我对IE8中的.hover方法有问题，它在Chrome和Firefox中运行正常，但IE8是。。。我们今天不是朋友

该网站是为我的朋友，但目前我有它在我的测试域居住

我已经在W3C验证程序上检查了我的标记，一切正常。哈夫。。。我只是不知道怎么了

这是观察到的问题

导航栏上有一些链接，这些链接像这样位于导航栏中

<div id="nav_bar">
    <img id="nav_block" src="images/main/nav_block.png" alt="" />
    <a id="nav_home" class="nav_link" href="home.php">
        <span id="nav_holder_home" class="nav_holder">Home</span>
    </a>
    <a id="nav_about" class="nav_link" href="home.php">
        <span id="nav_holder_about" class="nav_holder">About</span>
    </a>
    <a id="nav_services" class="nav_link" href="home.php">
        <span id="nav_holder_services" class="nav_holder">Services</span>
    </a>
    <a id="nav_gallery" class="nav_link" href="home.php">
        <span id="nav_holder_gallery" class="nav_holder">Gallery</span>
    </a>
    <a id="nav_contact" class="nav_link" href="home.php">
        <span id="nav_holder_contact" class="nav_holder">Contact</span>
    </a>
</div>

a.nav_link {
    font: 18px/100px Tahoma, Arial, sans-serif;
    z-index: 10;
}

#nav_bar {
    position: absolute;
    top: 0px;
    left: 490px;
    width: 490px;
    height:110px;
    background-color:#f0f0f0;
    overflow: visible;
}

#nav_block {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 90px;
    height:110px;
    z-index: 9;
}

.nav_holder {
    width: 98px;
    height:100px;
    text-align: center;
    overflow: visible;
    z-index: 11;
}

我在css中设置了一些z索引位，如下所示

<div id="nav_bar">
    <img id="nav_block" src="images/main/nav_block.png" alt="" />
    <a id="nav_home" class="nav_link" href="home.php">
        <span id="nav_holder_home" class="nav_holder">Home</span>
    </a>
    <a id="nav_about" class="nav_link" href="home.php">
        <span id="nav_holder_about" class="nav_holder">About</span>
    </a>
    <a id="nav_services" class="nav_link" href="home.php">
        <span id="nav_holder_services" class="nav_holder">Services</span>
    </a>
    <a id="nav_gallery" class="nav_link" href="home.php">
        <span id="nav_holder_gallery" class="nav_holder">Gallery</span>
    </a>
    <a id="nav_contact" class="nav_link" href="home.php">
        <span id="nav_holder_contact" class="nav_holder">Contact</span>
    </a>
</div>

a.nav_link {
    font: 18px/100px Tahoma, Arial, sans-serif;
    z-index: 10;
}

#nav_bar {
    position: absolute;
    top: 0px;
    left: 490px;
    width: 490px;
    height:110px;
    background-color:#f0f0f0;
    overflow: visible;
}

#nav_block {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 90px;
    height:110px;
    z-index: 9;
}

.nav_holder {
    width: 98px;
    height:100px;
    text-align: center;
    overflow: visible;
    z-index: 11;
}

您可以清楚地看到，块的z索引位于导航栏中链接和跨距的后面，但在IE8中，当块在光标下方移动时，它似乎会干扰.hover方法。但是，如果光标位于IE8中的文本上，则可以，但应该为ok的空白则不可以

试着在IE8中的文本和空白处的导航栏中悬停并缓慢移动，看看问题所在，看看我的意思。在Crome或FF中查看它是否正常工作

在这段代码中，IE8不喜欢什么？它快把我逼疯了^^

---

还有，今天的408有什么问题

在某些浏览器中，对非position:absolute元素使用z-index时会出现问题。这可能是因为DOM位置意味着z索引与z索引设置冲突。我个人避免了这个问题，因为在任何不是position:absolute的东西上都不使用z-index，而是使用DOM顺序。这篇文章可能会有所帮助：。我删除了所有的z-index和溢出位，但问题仍然存在。我从未设法解决过这个问题，现在已经放弃它，使用另一种方法，对不起，任何想知道答案的人。