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

Question

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

这个错误只发生在DIV上有背景的情况下，如果没有背景，框就可以了。

继承我的示例构建： http://jsfiddle.net/C9V2N/2/

Answer 1

你必须拆分IE看起来不像Chrome或FF这样解释的属性：

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

http://jsfiddle.net/C9V2N/21/

希望它有所帮助。

艾默里克。