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