gpt4 book ai didi

CSS Sprites 在 IE 中不工作[8/7/6]

转载 作者:行者123 更新时间:2023-12-05 00:06:55 25 4
gpt4 key购买 nike

我正在尝试使用 CSS 使用 sprites 为我的风险矩阵设置动画......它在 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 和一些菜单样式上,它们以某种方式把整个事情搞砸了。

最佳答案

IE 不适用 :hover<a>没有 href .这应该有效:

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

关于CSS Sprites 在 IE 中不工作[8/7/6],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/560339/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com