我在使用 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 的翻转图像,这显然是不正确的。如果有人能提出任何可能发生这种情况的原因,我将不胜感激。
非常感谢大家!
戴夫