CSS - divの背景イメージがHTMLページの背景イメージと同じに見える

Question

私は背景イメージを持つHTMLページを持っています。

body { 
    background-color: #FFFFFF; 
    background-image: url(bg_width900px_height675px.jpg); 
    background-attachment: fixed; 
    background-position: center center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

これは、背景画像が美しい景色である場合にうまく動作します。左側が暗くなり、右側が少し明るくなります。

また、自分の画面よりも広いdivもあります。私はHTMLページが使用しているのと同じ背景イメージを使用したいと思います。実際には、background-attachment: fixed;を使用し、背景イメージはHTMLページの背景と100％同じに見えるはずです。つまり、サイズは同じでなければなりません。

私はデバッグのヘルプを探していませんのでご注意ください。私のビジョンが実現し創造できるかどうかは分かりません。

更新 blizzybへ

おかげで、可能であるように私には思えます。

<div style="width: 200%; background-image: inherit; background-size: 100%; background-repeat: no-repeat; background-attachment: fixed;"></div>

Answer 1

私はあなたがちょうどあなたが同じである必要はどんな財産にinherit値を追加することができると信じて：ここでは、これまで私の最高のコードがあります。

Answer 2

divタグに割り当てるクラスを定義できます。

.mydiv{ 
    background-image: url(bg_width900px_height675px.jpg); 
} 

ブートストラップをお持ちの場合は、画像が歪まないようにする.img-responsiveクラスを追加することもできます。あなたのdivタグは、それが明確ではありません。この

<div class="img-responsive mydiv">...</div>