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

我正在尝试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和一些菜单样式，这些以某种方式搞砸了整个事情。

#1楼

IE不适用:hover在没有href的情况下将:hover在<a> 。这应该工作：

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

CSS Sprites在IE中不起作用[8/7/6]相关推荐

html设置字体在本地不生效,Css字体在IE中不起作用
我正在使用从FontSquirrel生成的一些字体,但它似乎并没有IE无法处理字体..我做错了什么?这不是一个公共的网页..它是建立在本地平台上,直到我准备启动,这就是为什么域名结束于.local. ...
html让图片位置固定缩放不改变为HI,CSS Sprites技术实现一张图片上很多小图片，分别定位到网页的不同位置...
之前,一直看到百度站长工具有个页面优化建议的功能,其中多次提到css Sprites这个词,当时也就是想到减少图片加载次数这个好理解,怎么做?却一直都没有去深思.今天偶然看到一个网站小图标都在一张背景 ...
css中图片整合的使用,CSS Sprites:图片整合技术详细案例
CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度.介绍了CSS Sprites技术的实现方法,优点和缺点.最后通过实例CSS Sprites技术制作导航栏演 ...
计算机底纹不起作用,CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11)...
CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11) 我有以下代码: .skills_column { padding: 5 ...
JavaScript中的经典题型（类数组、CSS Sprites、事件委托、经典去重、原型链、闭包、深浅克隆、附带思路流程和源码）
JavaScript中的经典题型一.JavaScript中的经典题型 1..如何判断一个数组和类数组? 首先要明白什么是类数组. 类数组:类数组是一个普通对象,他的原型是Object.而真实的数组是 ...
html中精灵图的使用方法,关于CSS Sprites、CSS精灵的详细解析
原标题:关于CSS Sprites.CSS精灵的详细解析 CSS Sprites简介 Css sprites 可翻译为css精灵,也有人翻译为css雪碧,因为sprite也有雪碧的意思.在国内习惯成他 ...
html clear的作用,css中clear的作用是什么？
当属性设置float(浮动)时,它的物理位置已经脱离文档流了,但大多时候我们希望文档流能识别float(浮动),或者希望float(浮动)后面的元素不受float(浮动)的影响,这个时候我们就需要使用 ...
html中sprite标签,网页切图 CSS Sprites（CSS精灵）介绍和图文使用教程
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生.这个被国内开发者昵称为CSS精灵.CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊. 在大 ...
html中精灵图的使用方法,css sprites（精灵图）如何使用？
CSS Sprites是一种性能优化技术,一种网页图片应用处理方式:将多个图像组合成单个图像文件以在网站上使用的方法,以提高性能:也被称为css 精灵图. 网页通常包含多个图像.这些包括图标,按钮,徽 ...

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

#1楼

CSS Sprites在IE中不起作用[8/7/6]相关推荐

最新文章

热门文章