与透明边界图像的背景颜色

Question

我尝试构建一个只有1个图像和1个div的漂亮盒子。这是我的代码：

border-width: 14px;
-moz-border-image:url(box.png) 14 round;
-webkit-border-image:url(box.png) 14 round;
-o-border-image:url(box.png) 14 round;
border-image:url(box.png) 14 round;

一个例子：

http://jsfiddle.net/ZHKbn/

在Safari＆amp; Firefox，盒子的背景是白色的，但在Chrome中，它的透明度。

哪种浏览器正确？我需要白色背景版本，有没有修复可以让它在Chrome中运行？

由于

Answer 1

这样就够了吗？

我添加了一个带有背景颜色的内部div。现在似乎在chrome和firefox中工作。

http://jsfiddle.net/ZHKbn/2/

这适用于chrome，但在firefox中不起作用：

http://jsfiddle.net/ZHKbn/7/

好的，最后一个。适用于chrome和firefox：

http://jsfiddle.net/ZHKbn/8/

border-width: 14px;
-moz-border-image:url(http://cl.ly/041l44390l002l2j1307/box.png) 14 round;
-webkit-border-image:url(http://cl.ly/041l44390l002l2j1307/box.png) 14 fill round;
-o-border-image:url(http://cl.ly/041l44390l002l2j1307/box.png) 14 round;
border-image:url(http://cl.ly/041l44390l002l2j1307/box.png) 14 fill round;