【问题标题】：webkit border image not loading mobile safariwebkit边框图像未加载移动Safari
【发布时间】：2013-07-22 02:39:31
【问题描述】：
我在移动网站上遇到了一些非常奇怪的问题。对于我的元素之一，我有 css 属性：
-webkit-border-image: url(images/speech_box_right.png) 24 10 4 10 拉伸；
此图像永远不会加载 - 使用开发者模式，文件似乎永远不会被检索。奇怪的是，在移动用户代理上它总是可以工作，有时它也会加载到我的手机上。如果我输入文件路径，我也可以直接从手机加载图像。有没有人遇到过移动 Safari 渲染边框图像的问题？
谢谢！
【问题讨论】：
标签：
iphone
ios
safari
css
【解决方案1】：
border-image 是以下五个属性的简写属性：
border-image: 源切片宽度起始重复；
在您的代码中可能会看到多次给出的拉伸。你能把它去掉吗？
我在桌面 Safari 5 中进行了测试，它运行良好，没有任何问题。 Safari 6 支持border-image，而Safari 5 支持另一种选择，即-webkit-border-image 属性。