使用 css 背景图像进行翻转时（通过更改位置）防止 iphone 上图像右侧出现 1px 线？

Question

我在我正在使用 css 背景图像构建的网站上设置了翻转图像，如下所示：

.rollover a {
display: block;
width: 400px;
height: 400px;
background: transparent url(hover.jpg) no-repeat;
}

.rollover a:hover {
background-position: -400px 0;
}

这在所有浏览器上都能完美运行，但是在 iphone 上，我似乎在右侧多了 1 像素（因此它显示 401 像素而不是 400 像素）所以我最终在主页上显示了 1px 的翻转图像，这显然是不正确的。如果有人能提出可能发生这种情况的任何原因，我将不胜感激。

一如既往地非常感谢大家！

戴夫

Answer 1

尝试添加此 .rollover a {overflow:hidden}