Question

我在IE8中悬停时遇到后台网址问题。

对于其他浏览器和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选择器来保存我在上面定义的宽度和高度。

Answer 1

您必须检查您的doctype。将其替换为您的加载器doctype。在Quirks Mode中，IE旧版本不支持“：悬停”元素，而不是“tag”。

<!DOCTYPE html>

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

IE8的样式背景URL图像

1 个答案: