html - IEは背景画像を境界線として表示しません

Question

上記のリンクは、私が取り組んでいる私のページです。背景画像としてボーダートップボトムを使用しています。ChromeとFFで見栄えがします。しかし、IE では、単色の背景画像が 1 つだけ表示され、表示されません。

誰かが私が見逃しているものを手伝ってくれますか?

ありがとう！

score 0 · Accepted Answer

これに答えがあることを受け入れないでください。「コメント」からコンテンツを移動しただけです。

現在、border-image は IE のどのバージョンでもサポートされていません - caniuse.com/#search=border-image – Nick

実際、背景画像で上部と下部の div を作成するには、html を分割する必要があります – Brewal

@Brewal、それらは私見の答えです。–アルダックス

私自身から、私は :before と :after を使用して、必要なものを作成します。

もっと良いものが欲しいですか？

<div class="container with THE-texture and padding">
    <div>Your content</div>
</div>

このように、外側のコンテナは画像の背景境界のように機能します。これが実際の例です。

あなたが望むものよりも視覚的な結果が同一であることです。html では、コンテナを 1 つ追加しました。それは違いです。

ああ、推測させてください、側面に「類似」の境界線がありますか？--> サイドのパディングを削除: http://jsfiddle.net/8puJf/1/

2 に答える 2