CSS Sprites無法在IE瀏覽器中使用[8/7/6]

我正在嘗試使用CSS來使用精靈動畫我的風險矩陣......它在Firefox和Chrome中運行得很好，但圖像不會顯示出來在IE瀏覽器...CSS Sprites無法在IE瀏覽器中使用[8/7/6]

的代碼如下，不想貼在這裏的整個事情，但摘錄顯示模式：

<dl id="rmMap4x4"> 
<dd id="m4p4s1"> 
<a onclick="setDropDownListValues(4,1,3,4)" onmouseover="setDropDownListValues(4,1,-1,4)"> 
</a> 
</dd> 
<dd id="m4p3s1"> 
<a onclick="setDropDownListValues(3,1,2,4)" onmouseover="setDropDownListValues(3,1,-1,4)"> 
</a> 
</dd> 
... 
</dl>

CSS：

dl#rmMap4x4 
{ 
background: url(/images/RiskMatrix_4x4.png) no-repeat scroll left top; 
height: 400px; 
margin: 0pt; 
padding: 0pt; 
position: relative; 
width: 400px; 
} 
/*column 1*/ 
dd#m4p4s1 a 
{ 
top: 99px; 
left: 99px; 
} 
dd#m4p4s1 a:hover 
{ 
position: absolute; 
background: url(/images/RiskMatrix_4x4.png) -98px -500px no-repeat; 
top: 100px; 
left: 99px; 
} 
dd#m4p3s1 a 
{ 
top: 149px; 
left: 99px; 
} 
dd#m4p3s1 a:hover 
{ 
position: absolute; 
background: url(/images/RiskMatrix_4x4.png) -98px -550px no-repeat; 
top: 150px; 
left: 99px; 
}

我用IE Dev檢查樣式。工具欄（我想IE瀏覽器的螢火蟲），並且所有樣式都到位，圖像在服務器上，但它不會顯示在IE中！

我很確定這是一些愚蠢的IE CSS怪癖，請幫助。

更新： @RoBorg：你的建議並沒有解決問題，但它解決了「懸停」問題。問題原來與絕對定位的外部div和一些菜單樣式，這些都以某種方式搞砸了整個事情。

來源

2009-02-18 roman m

IE不適用:hover到<a>'s沒有href。這應該工作：

<a href="#" onclick="setDropDownListValues(3,1,2,4); return false;" 
    onmouseover="setDropDownListValues(3,1,-1,4);">

來源

2009-02-18 09:29:54 Greg

CSS Sprites無法在IE瀏覽器中使用[8/7/6]

回答

相關問題