バックグラウンド画像のサイズ変更は常に中心点を基準にしてスケールに比例します

Question

サイズ変更時にこのウェブサイトの画像の動作を再現できるようにしたいと考えています。

背景画像には、比率スケールを保持できないときに画像が切り抜きを開始する中心点があるようです。ここで

は一例です。今のところ

http://themes.evgenyfireform.com/wp-jad/

私のバックグラウンドがある次のCSS：

#bg { 
    position: fixed; 
    top: 0; 
    left: 0px; 
    width:100%; 
} 

問題は、それが固定だということで、私はときにイメージができ、それはトリミングしたいですスケールではありません。

Answer 1

あなたはこの組み合わせを探しています：

background-position:50% 50%; /* Sets reference point to scale from */ 
background-size:cover;  /* Sets background image to cover entire element */ 

Working sample fiddle here。

これはnot supported by IE8であり、IE8以上がサポートされる必要がある場合はJSハッカーが必要になることに注意してください。