css - IE正在为背景图像样式添加样式

Question

我在下面附上了一个问题重现的屏幕截图。出于某种原因，当我有一个背景图像样式时，IE8 从同一选择器中获取另一种样式并将其附加到背景图像样式之后。这导致我的一些页面出现问题。

我的 HTML 很简单:

<div>test</div>

我的 CSS(在 head 标签中)是:

<style type="text/css">
div {
height: 200px;
width: 200px;
background-image:url("breadcrumb_location.jpg");
border: 1px solid green;
font-family:"Courier New", Courier, monospace;
}
</style>

这里可以看到IE8的开发者工具，为什么背景图片样式在同一行的末尾出现了边框？作为一种解决方法，我知道我可以制作一个单独的选择器(例如 div{background-image:url("some-image.jpg");} )，但我不想从头做起。

Answer 1

我发现如果我使用完整的后台速记，这个错误就会消失。这也不是一个理想的解决方案，因为我的页面上有很多背景图片，最终它添加了我认为不必要的 css 导致更大的 css 文件(是的，每一位都很重要，尤其是当你可能有数百个或更多背景图片时整个站点的 css 文件。)

无论如何，除非有人可以针对此错误提出更好的修复建议(以防其他人不知道 CSS 速记)，否则修复方法是将 background-image 更改为:

background: white url("breadcrumb_location.jpg") no-repeat top left;