фоновое изображение и градиент не отображаются на iPad

Question

У меня есть класс selected, и я определил встроенное фоновое изображение вместе с градиентом webkit. Он работает в сафари на моем iPod touch под управлением iOS 5.0.1, но ни изображение, ни градиент не отображаются на моем iPad под управлением iOS 4.3.4. Любые советы по повышению совместимости?

.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==); }