Question

我的IE9浏览器中的页脚块出现问题，当我将鼠标悬停在a-Tag上时会跳一次。

我的页脚和锚点css：

footer {
    margin: 0 0 0 210px; /* 210 */
    padding: 35px 0 100px 0;
    border-top: 4px solid #E7E7E7;
    background: url(img/color-code.gif) 0 90px no-repeat;
    width: 710px;
}
footer a:focus,
footer a:hover {
    background: url(img/dash_hover.gif) 0 100% repeat-x;
    text-decoration: none;
}

它使用HTML5，但也会在div上导致同样的问题并向下跳4px。

<footer>
    <p>firm <span>street</span> <span>where</span>   <span>tel:</span> <span><a href="#" target="_blank">mailto</a></span> <span><a href="/impressum" hreflang="de">impressum</a></span>
    </p>
</footer>

Answer 1

我找到了解决方案，但我并不高兴。

我的主要内容：

<div id="header"></div>
<div id="maincontent"></div>
<div id="footer"></div>

我的maincotnent任何地方我都希望在任何地方清除它，但必须清除它，但这没有帮助。

然后我尝试使用overflow: hidden。在我的maincontent上，这就是黑客攻击，但它是如何说它隐藏了溢出的元素，这就是我不喜欢的原因。

IE9 Bug div在悬停锚标签时跳跃

1 个答案: