iphone - webkit 边框图像未加载移动 safari

Question

我在移动网站上遇到了一些非常奇怪的问题。对于我的元素之一，我有 css 属性:

-webkit-border-image: url(images/speech_box_right.png) 24 10 4 10 stretch 拉伸(stretch);

此图像从不加载 - 使用开发人员模式，文件似乎永远无法检索。奇怪的是，在移动用户代理上它始终有效，有时它也会加载到我的手机上。如果我输入它的文件路径，我也可以直接从我的手机加载图像。有没有人遇到过移动 safari 渲染边框图像的问题？

谢谢!

Answer 1

border-image 是以下五个属性的简写属性: border-image: 源切片宽度开始重复；

在您的代码中可以看到多次给出的拉伸(stretch)。你能把它去掉吗？

我在桌面版 Safari 5 中进行了测试，它运行良好，没有任何问题。 border-image 在 Safari 6 中受支持，Safari 5 支持替代方案，即 -webkit-border-image 属性。