css構文
body { background-image: url("images/sample.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50% }
利用できる要素
ヘッダ部を除くすべての要素に適用可能
この指定は、背景画像の位置を指定して、かつ固定され、ブラウザをスクロールしても背景画像は動くことなくその場にとどまって表示されます。試しにブラウザを縮めてみて、スクロールさせてみると、よく分かります。
また、background-position の値を変えることによって、任意の位置に指定することも可能です。例えば、 background-position: right botom では、背景画像は右下に表示します。