带透明边框图像的背景颜色

Question

我尝试用仅1图像和1格创建一个漂亮的方块。这里是我的代码：

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 & Firefox中，框的背景是白色的，但在Chrome中，它是透明的。

哪个浏览器是正确的？我需要白色背景版本，有没有修复，让这个工作在Chrome？

谢谢

Answer 1

这样就够了吗？

我添加了背景色的内部div。似乎现在在Chrome和Firefox中工作。

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

这个工程在铬，但在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;