background-attachmentプロパティ

background-attachmentプロパティを使用すると、ブラウザで文書をスクロールさせても背景画像を固定して表示させることができます。背景画像を指定し、repeat-x、あるいは、repeat-y、no-repeatを指定しなければ、このプロパティを指定しても意味がありません。

入力例に使用した画像

画像を固定して表示

background-attachmentプロパティの値にfixedを指定すると、画像を固定して表示することができます。


body {
    background-image: url(back.gif);
    background-repeat: repeat-x;
    background-attachment: fixed;
}

尚、このプロパティの値には、scroll（デフォルト値）も用意されています。ほとんど使うことはないと思いますが・・・。