Jquery 在精灵内悬停时交换图像

Jquery 在精灵内悬停时交换图像,jquery,css,Jquery,Css,我有一个精灵,我用它来显示一些图像。我正在尝试使用CSS交换悬停时的精灵图像 .sprE { background-color: transparent; background-image: url(/i/fW.png); background-repeat: no-repeat; height: 30px; width: 30px } .sprE:hover { background-image: url(/i/fC.png); cursor: pointer } .comply { back

我有一个精灵,我用它来显示一些图像。我正在尝试使用CSS交换悬停时的精灵图像

.sprE {
background-color: transparent;
background-image: url(/i/fW.png);
background-repeat: no-repeat;
height: 30px;
width: 30px
}
.sprE:hover {
background-image: url(/i/fC.png);
cursor: pointer
}
.comply {
background-position: 0 0
}

<span class="sprE comply"></span>
.sprE{
背景色:透明;
背景图片:url(/i/fW.png);
背景重复:无重复;
高度:30px;
宽度:30px
}
.sprE:悬停{
背景图片:url(/i/fC.png);
光标:指针
}
.遵守{
背景位置:0
}

它在FireFox中运行良好,但在IE中不起作用。。。我相信我可以让它与jQuery一起工作,但在我这样做之前,我想我会探索所有CSS选项。

是的,它与DOCTYPE相关。我将它改为strict,它运行正常。

您需要支持哪个版本的IE?与文档类型相关?隐马尔可夫模型。。。可能是doctype。我当前的文档已被删除,我将尝试使用严格的文档。这应该可以正常工作。See在IE中对我很好。你使用的是什么版本?