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

Css IE正在为背景图像样式添加样式,css,internet-explorer-8,background,background-image,Css,Internet Explorer 8,Background,Background Image,我已经附上了一个屏幕截图下面的一个问题的娱乐。出于某种原因,当我有一个背景图像样式时,IE8从同一选择器中获取另一个样式,并将其附加到背景图像样式之后。这导致我的一些页面出现问题 我的HTML只是: <div>test</div> 测试 我的CSS(在head标签中)是: div{ 高度:200px; 宽度:200px; 背景图片:url(“breadcrumb_location.jpg”); 边框:1px纯绿色; 字体系列:“Courier New”,Courie

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

我的HTML只是:

<div>test</div>
测试
我的CSS(在head标签中)是:


div{
高度:200px;
宽度:200px;
背景图片:url(“breadcrumb_location.jpg”);
边框:1px纯绿色;
字体系列:“Courier New”,Courier,monospace;
}
在这里您可以看到IE8中的开发者工具,为什么背景图像样式的边框显示在同一行的末尾?作为一种解决方法,我知道我可以只做一个单独的选择器(比如div{background image:url(“some image.jpg”);}),但我不想从头再来


我发现,如果我使用完整的背景速记,这个bug就会消失。这也不是一个理想的解决方案,因为在我的页面上有很多背景图像,最后它添加了我认为不必要的CSS导致一个更大的CSS文件(是的,每一个比特计数,特别是当你可能有数百个或更多的背景图像在一个完整的站点的CSS文件中)。 无论如何,除非有人能为这个bug提出更好的修复方案(如果其他人不知道CSS速记),否则修复方案会将背景图像更改为:

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

有趣的发现,我能够在我的机器上重新创建它(不幸的是我也支持IE8)我不会认为这是添加不必要的风格THO。dev工具将显示所有的Border-*样式。我认为这是开发工具的错误,而不是css。我不确定,所以不要太讨厌,但我认为你以前的速记可以保持原样。在我给出的例子中,它是在末端粘贴边界。真正的问题是另一个地方,它是坚持宽度的结束,这是造成了一个问题。如果不是的话,我就不会去窥探窃听器了。我把我的答案贴在上面,希望它能避免其他人的头撞在键盘上太用力:)
background: white url("breadcrumb_location.jpg") no-repeat top left;