Internet explorer 8 应用css框阴影时IE8中的背景错误

Internet explorer 8 应用css框阴影时IE8中的背景错误,internet-explorer-8,filter,css,Internet Explorer 8,Filter,Css,我创建了一个带有背景图像的DIV,并在其周围应用了框阴影效果。但是在IE8中,阴影出现在DIV中的内容上,而不是DIV本身 只有当DIV上有背景时,才会发生此错误,如果没有背景,则框就可以了 以下是我的示例构建: 您必须拆分属性,IE的解释方式似乎与Chrome或FF不同,如下所示: #test { background-image: url('http://placehold.it/100x100'); background-repeat: no-repeat; } 希望能

我创建了一个带有背景图像的DIV,并在其周围应用了框阴影效果。但是在IE8中,阴影出现在DIV中的内容上,而不是DIV本身

只有当DIV上有背景时,才会发生此错误,如果没有背景,则框就可以了

以下是我的示例构建:

您必须拆分属性,IE的解释方式似乎与Chrome或FF不同,如下所示:

#test {
    background-image: url('http://placehold.it/100x100');
    background-repeat: no-repeat;
}

希望能有帮助


Aymeric.

它实际上发生在背景图像上,如果你应用背景颜色,它就可以正常工作。