Firefox 15边框图像失败

Question

CSS3 border-image属性已停止在Firefox15中使用在Firefox14中工作的语法http://jsfiddle.net/uzZVf/2/

当然，前缀已经被删除了，但即使没有前缀，它也会失败。

是否有以前不存在的新语法要求？怎样才能让border-image正常工作？

Answer 1

你需要添加：border-image-width: 4px 4px 4px 4px;到你的CSS中，否则Firefox会将它设置为1px宽，即使你有其他的边框CSS。

演示：http://jsfiddle.net/SO_AMK/uzZVf/4/

Mozilla开发团队将边界图像规格从2008 Working Draft更新到了2011 Candidate Recommendation，详情请参阅this article。

Answer 2

是的，您的样式现在需要这样(XYZ =边框宽度)：

        border-width: XYZpx;

        border-image-width: XYZpx XYZpx XYZpx XYZpx;
        border-image-slice: fill;
        border-style: solid;