CSS sprites＆amp; iOS 4.3或更低版本

Question

我目前正在开发一个需要在iOS设备（主要是iPad）上展示得很好的网站。除了使用精灵作为背景图像的任何东西之外，一切都很好。高度/宽度是精确的，适用于每个浏览器，但对于iOS 4.3.2及更低版本，我得到以下内容：

以下是这两个元素的CSS：

#masthead > a {
  float: left;
  display: block;
  margin: 23px 80px 20px 5px;
  padding: 0;
  width: 235px;
  height: 20px;
  background: url(../../img/sprite.png) 0 0 no-repeat;
}

以下是截图：

这是精灵表：

Answer 1

看起来可能是overflow问题。

尝试添加：

overflow: hidden;

是否有可以查看的实时网址？

Answer 2

看起来像是图像流血。你应该在精灵的图像之间留一些空的空格。

另见https://stackoverflow.com/a/646981/567986