CSS背景在股票android浏览器上不重复？

Question

代码非常简单，如下：

#intro-panel .button.loading {
    background-image: url(../img/loading_button.svg);
    background-size: auto 103%;
}

Chrome 36：

Android 4.2.2上的Chrome也是如此

然而，股票浏览器为我提供了这个隐秘破坏的废话（忽略字体）：

我已尝试明确启用背景重复以及拍打3d变换，以查看硬件渲染是否可以解决它。没运气。 会发生什么事？

Answer 1

试试这段代码：

background: url("img/loading_button.svg") 
repeat-x scroll 0 0 rgba(0, 0, 0, 0); 

（如果您尝试横向重复，可能会有效）

另外，我认为Android很难渲染svg图像，也许会尝试使用png。

Answer 2

我有同样的问题，似乎旧的Android浏览器不喜欢在任何方向重复SVG。当我切换到PNG时，一切都按预期工作。