CSS伪类：在内容编辑器中悬停webpart在ie8 / ie7中无法正常运行

Question

对于主页我有一个html文件，其中包含由图像精灵表示的四个链接。精灵正确显示并在悬停时更改，当我在桌面上使用html文件测试代码时，悬停属性工作正常（即使在ie8中），但在我的sharepoint网站上实现它时，{{1的鼠标输出部分由于某种原因无法识别图像，并且图像不会根据需要更改回其原始状态。当我使用firefox启动sharepoint时，此代码将起作用，甚至可以在ie8中工作，但只有当我调出ie的开发人员工具并切换:hover和Browser Mode:IE8时。

如果不悬停，我如何让我的图像恢复到原始状态？

这是我的代码参考：

Document Mode:IE8 Standards

感谢您的时间，

Answer 1

对于normal和:hover状态，无需使用相同的图像作为背景。 只需设置background-position即可。

#four a:hover { background-position: 0px -382px; }