CSS边框图像兼容性错误

CSS边框图像兼容性错误,css,Css,我对mozilla和safari中的边框图像有问题,在chrome中它可以工作,但在其他浏览器中没有 守则: border-width: 50px; -moz-border-width: 50px; -webkit-border-width: 50px; border-image: url('/img/border.png') 50 50 round; -webkit-border-image: url('/img/border.png') 50 50 round; -moz-border-im

我对mozilla和safari中的
边框图像有问题,在chrome中它可以工作,但在其他浏览器中没有
守则:

border-width: 50px;
-moz-border-width: 50px;
-webkit-border-width: 50px;
border-image: url('/img/border.png') 50 50 round;
-webkit-border-image: url('/img/border.png') 50 50 round;
-moz-border-image: url('/img/border.png') 50 50 round;

有人有同样的问题吗?感谢您的回答

您缺少的是
边框:50px实心透明


注意:对于
边框宽度

,您不必使用
专有
属性,在Firefox中对我也很好@KubajsHavel您可能想组装一个JSFIDLE或其他东西来显示您的问题,以便其他人可以自己测试。但是safari@Mr.Alien?@KubajsHavel怎么办?我没有安装它,但如果它在Chrome上工作,它也可能在safari上工作
<div>Demo</div>

div {
    border:50px solid transparent;
    border-image: url('YOUR_URL') 50 50 round;
    -webkit-border-image: url('YOUR_URL') 50 50 round;
    -moz-border-image: url('YOUR_URL') 50 50 round;
}
border-color: transparent;
border-style: solid;