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;

             

           }

希望能帮到你。