ユーザーの解像度に関係なくCSSの背景イメージを維持する

Question

私はCSSの背景として使用したい非常に大きなイメージを持っています。しかし、ユーザーのモニターがどの解像度にあるかにかかわらず、同じように見えます。私がこれを試した最後のとき、それは別の決議で断ち切るでしょう。

CSSでこのような動的リサイズを行う方法はありますか？または、私はそれを最も一般的な解像度にリサイズし、ベストを願っていますか？

Answer 1

私は最近これを行いました。 Fullscreenr jQueryプラグインを試してみてください。素晴らしいです。

http://ajaxmint.com/2009/12/fullscreenr-lightweight-full-screen-background-plugin/

Answer 2

* { margin : 0; padding : 0; } 

html, body { height:100%; color : #FFF;} 

div#bgcontext { position : absolute; width : 100%; height : 100%; overflow : hidden; } 

div#background { position : fixed; right : 50%; width : 100%; height : 100%; z-index : -20; text-align : center;} 

div#background img { min-height: 100%; min-width : 1600px; max-width : 100%; margin-right : -100%;} 

ここでマークアップだ...

<div id="bgcontext"> 

<div id="background"><img src="assets/bg.jpg" /></div> 

</div> 

</body> 

これは伸縮性、固定、中央に背景画像を作成します...あなたは、あなたの好みに合わせてmin-widthとmin-heightを調整することができます。