0

我在 IE8 中悬停时遇到背景 url 问题。

对于其他浏览器和 IE9，它工作正常，但在 IE8 中，问题如下：

原始图像与悬停在那里的图像一起显示。

当我将鼠标悬停时，图像正在显示，但原始图像在那里。

无论如何都存在解决这个问题？

CSS：

#toTop {
    position:fixed;
    bottom:10px; 
    right:10px;
    cursor:pointer;
    display:none;
    z-index:99999;
    background:transparent url('original.png') no-repeat;
    background-size:58px 59px;
    width:58px;
    height:59px;
}

#toTop:hover{
    background:url('hover.png') no-repeat;
    background-size:213px 59px;
    width:213px;
    height:59px;
}

html > body div#toTop {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='original.png',
    sizingMethod='scale');
}

html > body div#toTop:hover{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='hover.png',
    sizingMethod='scale');
}

我使用 css IE8 选择器来保存我在上面定义的宽度和高度。

4

1 回答 1

1

你必须检查你的文档类型。将其替换为您的加载程序文档类型。在 Quirks 模式下，IE 旧版本不支持元素上的 ":hover"，除了 "tag"。

<!DOCTYPE html>

如果您愿意，可以在此处了解标准和 Quriks 模式

于 2013-10-18T13:20:45.497 回答