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;

​</p>