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/

よし、最終回。クロムとファイアフォックスで動作します:

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>