CSS Sprite 和 iOS 4.3 或更低版本

Question

我目前正在开发一个需要在 iOS 设备(主要是 iPad)上良好呈现的网站。除了使用 Sprite 作为背景图像的任何东西之外，一切都很好。高度/宽度是精确的，适用于所有浏览器，但对于 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;
}

截图如下:

这是 Sprite 表:

Answer 1

看起来像图像流血。您应该在 sprite 中的图像之间留出一些空白空间。

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