2

CSS でスプライトを使用してリスク マトリックスをアニメーション化しようとしています...Firefox と Chrome では問題なく動作しますが、IE では画像が表示されません...

コードは以下のとおりです。ここにすべてを貼り付けたくはありませんが、抜粋はパターンを示しています。

<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 の firebug が必要です)、すべてのスタイルが配置され、サーバー上に画像が表示されますが、IE では表示されません !!!

ばかげたIE CSSの癖だと確信しています。助けてください。

更新: @RoBorg: あなたの提案は問題を解決しませんでしたが、「ホバー」の問題は解決しました。問題は、絶対配置された外側の div といくつかのメニュー スタイルにあることが判明しました。

4

1 に答える 1

12

IEは、がない場合はに適用さ:hoverれませ<a>んhref。これは機能するはずです：

<a href="#" onclick="setDropDownListValues(3,1,2,4); return false;"
     onmouseover="setDropDownListValues(3,1,-1,4);">
于 2009-02-18T09:29:54.600 に答える