webkit边框图像没有加载移动safari

时间:2013-07-22 02:39:31

标签: iphone ios css safari css3

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

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

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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

在您的代码中可以看到多次拉伸。你可以删除吗?

我在桌面Safari 5中测试过它没有任何问题。 Safari 6支持border-image,Safari 5支持替代的-webkit-border-image属性。