2

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

非常感谢大家!

戴夫

4

1 回答 1

0

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

于 2011-05-12T22:32:00.040 回答