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

Question

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

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

我们如何做到这一点？

Answer 1

对于边框底部的唯一图像，使用 border-bottom-image css3 属性。

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

移动 Safari supports CSS3.

更新:

根据 css3Info ,

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

所以，use :

-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

您可能需要检查 compatibility table .