IE瀏覽器怪癖模式和CSS：懸停問題

嗯，我今天下午一直在絞盡腦汁，沒有取得任何進展。我試圖做一個簡單的背景位置變化，我已經完成了數百次，但它今天不適合我。這裏是我的相關代碼：IE瀏覽器怪癖模式和CSS：懸停問題

<div class="social_icon" style="background-image: url(http://img.deusm.com/lightreading/facebook_icon.gif);"> 
    <img src="http://img.deusm.com/images/spacer.gif" width="16" height="16" style="border: none; padding: 0; margin: 0;"> 
</div>

我的CSS

div.social_icon { 
float: left; 
width: 16px; 
height: 16px; 
padding: 0; 
background-position: top left; 
} 
div.social_icon:hover { 
background-position: bottom left; 
}

我有一個文檔類型設置爲好。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

任何解釋將不勝感激，以便我可以更好地瞭解發生了什麼......呃....沒有發生。

讓我澄清我的問題：

我期待的div.social_icon有它的後臺位置移動，當用戶將鼠標懸停的元素。此時，在Quirks模式下懸停後，背景位置不會改變。我該如何解決這個問題？認沽

來源

2013-06-18 Yuschick

IE5.5怪癖模式很簡單，不支持'：懸停'除了'a'元素之外的任何元素。除了使用合適的文檔類型從怪癖模式中拯救外，你無能爲力。 – BoltClock

我正在測試IE7和8怪癖模式。這與5.5有很大的不同嗎？ – Yuschick

完全不是，它們都以特殊模式運行，類似於IE5.5。 – BoltClock

這在你的代碼的頂部應該整理出來，但要確保您刪除當前的文檔類型

<!DOCTYPE html>

然後後它應該工作

來源

2013-06-20 18:54:49

IE瀏覽器怪癖模式和CSS：懸停問題

回答

相關問題