在使用css背景图像进行翻滚时（通过改变位置），防止iphone图像右侧出现1px线条？

我在我正在构建的网站上设置了滚动图像，使用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的滚动图像，这显然是不正确的。如果有人能提出这可能发生的任何原因，我将不胜感激

非常感谢大家

---

Dave

尝试添加此

。滚动a{overflow:hidden}

尝试添加此

。滚动a{overflow:hidden}

是否已经对任何元素执行css重置？例如

*{margin:0；padding:0；}

听起来像是一个取整问题，名称愚蠢。如果您的站点没有告诉iphone不要缩放，或者您没有iphone 4上的双密度像素比样式，则可能会出现此问题。@TimJoyce-是的，我已经使用*{marign:0；padding:0；}重置了所有元素@KevinPeno-我实际上是在iPhone3而不是iphone4上测试这个，所以我不认为这是视网膜显示问题。您知道有没有其他与iPhone3相关的显示问题可能导致这种情况？非常感谢你的支持help@deshg，因为手机会对页面进行缩放（通常会缩小页面），取整问题肯定会发生。由于iPhone3的像素宽度为320px，而您使用的是400px，因此您可能遇到了此问题。我建议你重新考虑你的风格。你已经在任何元素上重新设置css了吗？例如

*{margin:0；padding:0；}

听起来像是一个取整问题，名称愚蠢。如果您的站点没有告诉iphone不要缩放，或者您没有iphone 4上的双密度像素比样式，则可能会出现此问题。@TimJoyce-是的，我已经使用*{marign:0；padding:0；}重置了所有元素@KevinPeno-我实际上是在iPhone3而不是iphone4上测试这个，所以我不认为这是视网膜显示问题。您知道有没有其他与iPhone3相关的显示问题可能导致这种情况？非常感谢你的支持help@deshg，因为手机会对页面进行缩放（通常会缩小页面），取整问题肯定会发生。由于iPhone3的像素宽度为320px，而您使用的是400px，因此您可能遇到了此问题。我建议你重新考虑你的风格。我喜欢你的风格，这听起来像是可行的，但不幸的是，即使在添加了溢出隐藏后，我也遇到了完全相同的问题，因此它似乎无法解决问题：（我想这一定是我需要的东西，因为我刚买了一台iPad2，在这方面我有完全相同的问题，但在任何其他浏览器/设备上都没有（它甚至可以在我的旧黑莓手机上正确显示！）.非常感谢您的帮助和其他想法！Dave@deshg我在处理iPad时也遇到了同样的问题，也许社区中有人有其他可能的解决方案。我喜欢你的风格，这听起来像是一种可行的方式，但不幸的是，即使在添加了溢出隐藏后，我也遇到了完全相同的问题似乎并没有很遗憾地解决这个问题：（我想这一定是需要的，因为我刚买了一台iPad2，我在这方面有完全相同的问题，但在任何其他浏览器/设备上都没有（它甚至可以在我的旧黑莓手机上正确显示！）.非常感谢您的帮助和其他想法！Dave@deshg我在处理iPad时也遇到了同样的问题，也许社区中的某个人有其他可能的解决方案。