CSS边框图像兼容性错误
我对mozilla和safari中的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
边框图像有问题,在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;