firefox - Firefox 15 边框图像失败

Question

CSS3border-image属性已停止使用在 Firefox 14 中工作的语法在 Firefox 15 中工作， http://jsfiddle.net/uzZVf/2/

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

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

Answer 1

您需要在border-image-width: 4px 4px 4px 4px;CSS 中添加：，否则即使使用其他边框 CSS，Firefox 也会将其设置为 1px 宽。

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

Mozilla 开发团队将边框图像规范从2008 工作草案更新为2011 候选推荐，请参阅本文了解详细信息。

Answer 2

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

        border-width: XYZpx;

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