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

Question

我有一个边框图像，它的工作正常，但不是在safari中。

在谷歌浏览器：

在Safari中：

正如你所看到的，边界图像被切断在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浏览器支持“轮'属性，而是默认为'重复'。

一个可能的解决方案是使用与您想要的顶部边框一样大小的图像。 例如，如果您希望顶部边框的宽度恰好为500px，高度为40px，请将图像尺寸设置为“ruler.png”。