背景图像和渐变在 iPad 上不显示

Question

我有一个“选定”类，并且定义了嵌入的背景图像和 webkit 渐变。它在运行 iOS 5.0.1 的 iPod touch 上运行 safari，但在运行 iOS 4.3.4 的 iPad 上既不显示图像，也不显示渐变。有什么建议可以让这个更加兼容吗？

.selected {
  background:url(data:image/png;base64,blablablabl==) 14px center no-repeat, -webkit-linear-gradient(bottom, red 0%, blue 100%);
}

请注意，当我不包含渐变时，图像在任何地方都能正确显示。

Answer 1

我通过使用 CSS before 属性解决了这个问题： http://www.htmldog.com/reference /css属性/内容/

.selected::before { content: url(data:image/png;base64,blablablabl==); }