html - ISSUE: Border-Image 在 safari 而不是 chrome 上拉伸

Question

我正在为客户建立一个控股网站，我已经在我的代码中添加了一个边框图像，但它在 safari 上不起作用。但是，它在 Chrome 上运行良好。我已经检查了与此问题类似的当前帖子，但是我仍然没有设法找出问题所在。有什么想法吗？

谢谢！

问题 Screengrab attach here //它应该是什么样的 screengrab

#wrapper{
                border-style:solid;
                border: 15px solid;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                margin: 0;
                -moz-border-image: url(border-brown.png) 33.33% round;
                border-image: url(border-brown.png) 33.33% repeat;
                border-image-repeat: round;
                transition: 0.5s;
                overflow: hidden;
                -webkit-backface-visibility:hidden;
                }