Safari切割图像中的边框图像？

Question

我有一个边框图像，它的工作正常，但不是在野生动物园。

在谷歌浏览器中：

在Safari中：

如您所见，边境图像是在野生动物园中切割的。有什么建议？ Css代码：

border:40px solid transparent;
border-image:url(../images/charts/leistungsangebot/ruler.png) 150 0 round;
-webkit-border-image:url(../images/charts/leistungsangebot/ruler.png) 150 0 round;
border-left:0;
border-right:0;
border-bottom:0;
width:500px;
height:100px;
margin-top:100px;
background-color:white;

Answer 1

以下帖子提供了有关Safari中边框图像问题的一些很好的信息：

border-image rounding not rounding correctly in Safari

简而言之，我不认为Safari真的支持＃round;＆＃39;属性，而是默认为重复＆＃39;。

一种可能的解决方案是使用您想要顶部边框的确切尺寸的图像。 例如，如果您希望顶部边框正好是500px宽和40px高，那么请生成图像＆＃34; ruler.png＆＃34;那个大小。