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;