css - 背景に写真を設定する方法

Question

最近、背景画像が写真になっているサイトをよく見かけます。同じことを行う方法と、異なる解像度で画像が引き伸ばされて収縮したことを確認するにはどうすればよいですか?

Answer 1

    html or body { 
                background: url(images/bg.jpg) no-repeat center center fixed; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
            }

詳細なチュートリアルについて 最適なリソース完璧なフルページの背景画像

Answer 2

私はあなたがこのように見えることを願っています:- http://jsfiddle.net/GNxqK/embedded/result/

この目標は次の方法で達成できます:-

background-size: cover;

画像はページの本文に応じて調整されます....デモに従って....