Firefox 15边框图像失败

Question

使用firefox 14中的语法，CSS3 border-image属性已停止在firefox 15中运行， http://jsfiddle.net/uzZVf/2/

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

以前没有新的语法要求吗？如何让border-image正常运作？

Answer 1

您需要在CSS中添加：border-image-width: 4px 4px 4px 4px;，否则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;