android - 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 也是如此

但是，普通浏览器为我提供了这个神秘的破烂 fragment (忽略字体):

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

Answer 1

试试这段代码:

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

(如果您尝试水平重复，可能会起作用)

此外，我认为 Android 很难渲染 svg 图像，也许可以试试 png。