IE將風格添加到背景圖像風格

我附加了一個問題重現的屏幕快照。出於某種原因，當我有一個背景圖像樣式IE8正在採取另一種樣式從同一個選擇器，並將其附加在背景圖像樣式之後。這在我的一些網頁上造成了問題。IE將風格添加到背景圖像風格

我的HTML很簡單：

<div>test</div>

我的CSS（頭標記）是：

<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」）;}），但我不想一直這樣做。

Screen shot of web developer tool in IE8

來源

2013-05-15 user2219915

我發現這個錯誤消失，如果我使用完整的背景速記。這也不是一個理想的解決方案，因爲我的網頁上有很多背景圖片，並最終添加了我認爲不必要的css，導致了一個更大的css文件（是的，每一點都很重要，特別是當您可能有數百或更多的背景圖片對於整個網站的CSS文件）

無論如何，除非任何人都可以建議對這個bug更好的修復（而萬一別人不知道的簡寫），修復被改變背景圖像：

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

來源

2013-05-15 15:35:23 user2219915

有趣的發現，我能夠在我的機器上重新創建它（不幸的是我也支持IE8）我不認爲這是增加不必要的風格壽。無論如何，開發工具都會顯示所有Border- *樣式。我會認爲這是開發工具而不是CSS的錯誤。我不確定如此不討厭太多，但我會認爲你以前的速記可以保留原樣。 –

在我給它的例子中，在邊上粘貼邊框。 **真正的麻煩是另一個地方，它是堅持寬度結束，這是一個問題。如果沒有，我就不會去窺探這個bug。我在上面發佈我的答案，希望它可以幫助別人免受他們的頭撞擊鍵盤:) – user2219915

這很酷，很好找。討厭的問題。 –

IE將風格添加到背景圖像風格

回答

相關問題