交换图像悬停在精灵内

Question

我有一个用于显示一些图像的精灵。我正在尝试使用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>

它在FireFox中工作正常，但在IE中却没有...我确信我可以使用它来使用一些jQuery但在我走之前我认为我会探索所有的CSS选项。

Answer 1

是的，这与DOCTYPE有关。我把它改为严格而且有效。