Img in h2 not in up Internet Explorer

Question

我正在設計我的個人網站，並希望在同一行中的h2標題內有圖像。我目前使用的標記已經過驗證，所以css和期望的效果在標準模式下顯示在Firefox，Chrome，Safari和IE8上。

IE8在兼容模式下和IE6 + 7然而把圖像放入下一行看起來很糟糕，當然。我不太清楚如何解決這個問題，目前我卡住了。幫助和解釋，可能是一個指針，我可以用IE瀏覽更多關於這些特定內容的指導，我將不勝感激。

的代碼可以住在這裏看到：http://storage.planet-tiax.de/test/index.html

Answer 1

不要使用你正在試圖做什麼<img>標籤。雖然他們是圖像，但它們不是<img>標籤的意思。該標籤旨在在頁面上顯示內容的圖像。在你的情況下，圖像是頁面的風格元素，因此屬於CSS，即作爲背景圖像。

配售的圖像，而不是CSS中，作爲背景圖像，也應該減輕你的IE瀏覽器的關注：

h2#weblog { background: url(images/weblog.png) right no-repeat }

至於資源，可以讓你知道IE頭痛的，我發現QuirksMode對IE中涉及的問題進行了很好的概述，並對如何解決這些問題提供了一些見解。