Question

我有一张地图，上面有几个完全位于页面上的div。每个div都有一个背景图像，其中包含一个文件中的正常状态和悬停状态。当用户将鼠标悬停在div上时，背景图像应该向上移动25个像素。在ie7中，背景图像向上移动25个像素，但它也向右移动约20个像素。

这是CSS：

#LosAngelesButton {position: absolute; top: 80px; left: 168px; background: url(../images/superNav/LosAngeles.png) no-repeat; height: 27px; width: 110px;}
#LosAngelesButton a {display: block; height: 27px; width: 110px; text-indent: -99999em;}
#LosAngelesButton a:hover {background: url(../images/superNav/LosAngeles.png) no-repeat 0 -25px;}

问题仅在ie7中显示。有什么建议吗？

Answer 1

我认为你在其他浏览器中遇到此问题。你已经在#LosAngelesButton上设置了背景图像，并且当你将a元素悬停在这个元素内部时，你可以改变状态。我建议你在元素上设置原始背景位置。

发布这个LosAngelesButton的HTML代码，我可以给你一个更精确的awnser

问题：ie7中的悬停事件

1 个答案: