CSS背景不会在股票Android浏览器上重复？答案

【问题标题】：CSS background doesn't repeat on stock android browser?CSS背景不会在股票Android浏览器上重复？
【发布时间】：2014-10-18 03:21:49
【问题描述】：

代码很简单，如下：

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

铬 36：

Android 4.2.2 上的 Chrome 也是如此

但是，股票浏览器为我提供了这个神秘的破烂废话（忽略字体）：

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

【问题讨论】：

【解决方案1】：

试试这个代码：

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

（如果您尝试水平重复可能会起作用）

另外，我认为 Android 难以渲染 svg 图像，不妨尝试使用 png。

【讨论】：

【解决方案2】：

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

【讨论】：