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」。