FireFox下使用border-image和-moz-border-image
现在火狐下可以直接只用border-image属性了,不过我在使用的时候遇到一个使用后没有效果的问题(PS:测试了火狐、chrome、safari只有火狐下无效),纠结了半个小时,css代码如下:
.border-image-round { width:600px; height:300px; border-image: url("img/1.png") 27 round stretch; -moz-border-image: url("img/1.png") 27 round stretch; -webkit-border-image: url("img/1.png") 27 round stretch; -o-border-image: url("img/1.png") 27 round stretch; }
后来发现,在firefox下必须加上border属性才能生效,纠结,完成后代码如下:
.border-image-round { width:600px; height:300px;
border:27px solid #999;
border-image: url("img/1.png") 27 round stretch; -moz-border-image: url("img/1.png") 27 round stretch; -webkit-border-image: url("img/1.png") 27 round stretch; -o-border-image: url("img/1.png") 27 round stretch; }
希望能帮到你。