背景图片和渐变不在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/cssproperties/content/

解决了这个问题

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