边框图像无法在移动设备上正常显示，不确定该怎么做

Question

我的网站没有针对移动设备进行优化，但我认为border-image css仍然有效，不是吗？

这是我的CSS代码应用于几个元素：

border-style: solid;
border-width: 6px;
-moz-border-image: url(images/general/border.png) 6 repeat;
-webkit-border-image: url(images/general/border.png) 6 repeat;
-o-border-image: url(images/general/border.png) 6 repeat;
border-image: url(images/general/border.png) 6 repeat;

桌面视图：

移动视图

Answer 1

问题在于边框图像

在中心帮助和移动版本中将图像更改为空白区域可以在下面看到

工作正常

<强>代码

  

Android 2.1 + (with -webkit- prefix)

     

Blackberry 7.0 (with -webkit- prefix), 10.0+

     

Chrome 15 (with -webkit- prefix), 16+

     

Firefox 15 + (with -moz prefix)

     

适用于Android的Firefox (with -moz- prefix)

     

iOS 3.2 + (with -webkit- prefix)

     

Opera 10.5 + (with -o- prefix)

     

Opera Mobile 11.0+ (with -o- prefix)

     

Safari 3.1-5.1 (with -webkit- prefix) 6.0+

边境图片示例

Fiddle 1

Fiddle 2