CSS 3边框图像如何正常工作？

Question

我的图像大小为4x4，我想在DIV的边框周围使用它。以下内容：

-moz-border-image: url("../images/window/side.png") 4 4 4 4 / 4px 4px 4px 4px repeat repeat

将放置左右边框，但不放置底部和顶部。它出什么问题了？我想我误解了语法，如果是这样的话，这种语法真的有用吗？

Answer 1

如果您希望沿着边框平铺4x4图像，则需要创建一个新图像，12x12看起来像一个边框已经平铺的方框。与此类似，每颗钻石都是你的4x4图像：

然后你只需要使用这个CSS：

border-image: url("border.png") 4 repeat;

official spec中的示例可能会让它更清晰。

Answer 2

你试过试试吗？ -moz-border-image: url("../images/window/side.png") 4 / 4px repeat;
或
-moz-border-image: url("../images/window/side.png") 4 repeat;
与border-width:4px;
？