iphone - 如何在 Safari 等 Webkit 浏览器中使用图像作为边框底部？

Question

StackOverflow 上有一些关于如何使用边框图像的问题，但这些问题已经过时了。

我们有一个简单的需求：使用图像作为底部边框。我们只需要支持 Webkit 浏览器，特别是移动 Safari。

我们应该怎么做？

Answer 1

对于仅边框底部的图像，请使用border-bottom-imagecss3 属性。

仅对于webkit浏览器，请使用以下内容-webkit-border-bottom-image

mobile safari 支持css3。

更新：

根据css3Info，

只有border-image属性在 Safari 中有效。

所以，使用：

-webkit-border-image: url(filePath) 0 0 5 0 repeat;  // top, right, bottom , left
 border-image: url(filePath) 0 0 5 0 repeat;  // top, right, bottom , left

您可能需要检查兼容性表。