google-chrome - 具有透明边框图像的背景颜色

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 和 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;