当使用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上我似乎在右侧获得额外的1px（所以它显示的是401px而不是400px）所以我最终得到了1px的主页上显示的翻转图像，这是显然不正确。如果有人能提出任何可能发生这种情况的原因，我将非常感激。

非常感谢大家！

戴夫

Answer 1

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