ipad - iPad 上的 Safari 将背景颜色渲染为背景图像周围的边框

Question

这个错误已经被讨论过here ，但我还没有找到解决方案。

我的背景图片顶部和底部有细线，看起来像是背景颜色。背景图像高度和容器高度相同(29px)，图像不是透明的，而是带有白色背景。容器上根本没有边框，所以这让我有点难过。这在 Mac 上的 Safari 中看起来不错，但在 iPad 上显示了上述问题。

html:

<a class="help" href="#">Help</a>

CSS:

.help {
color: #fff;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
background-image: url(../img/help.png);
background-repeat: no-repeat;
background-color: #ee3224;
height: 29px;
line-height: 29px;
padding: 0 10px 0 26px;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
}

Answer 1

我遇到了同样的问题，这似乎是 iPad safari 计算 img 大小的方式与其容器 block 大小之间的差异。

此处对此进行了更多讨论 https://stackoverflow.com/a/6324025/1210282

解决方案是为您的图像添加 1px 的轮廓以阻止背景渗透