CSS：国境での画像

Question

私は私がthisサイト

border-bottom-image: url('images/header-img.png') 27 27 27 27 stretch stretch; 

からだ。しかし、それは働いていない、このCSSを使用しているためので、ボーダーは画像が表示されますしたいです。私は火かき棒を使ってCSSを見ましたが、境界線の下の画像は火かき棒の中にCSSの一部として表示されていません。だから誰かが私の国境の画像を使用する方法を教えてください

Answer 1

border-bottom-imageはまだブラウザでサポートされていません。それは提案だけです。

編集：10か月後。

このヘルパーをIEに含めると、http://css3pie.com/documentation/supported-css3-features/#border-imageがIEに対応していれば、今使用できるほど十分であれば、これをサポートします。

Answer 2

画像パスが正しいことを確認してください。今、あなたは相対的なURLを持っています。 /images/header-img.pngのような絶対パスを使用する必要がある場合があります。先頭のスラッシュに注意してください。

また、ブラウザ固有の宣言する必要があるかもしれません：

#header { -moz-border-bottom-image: url('images/header-img.png') 27 27 27 27 stretch stretch; } /* firefox */ 
      -webkit-border-bottom-image: url('images/header-img.png') 27 27 27 27 stretch stretch; /* chrome & safari */ 
      -o-borderbottom-image: url('images/header-img.png') 27 27 27 27 stretch stretch; /* Opera */ } 

出典：https://developer.mozilla.org/en/CSS/-moz-border-image