スクロールで背景画像が変化する (ように見える) トリック

CSS を使ったエフェクトで久々に楽しいのを発見! 説明するのが難しいので、下記ページのサンプルを (IE 6 以外のモダン・ブラウザで) チェックしてみてほしい。

これは思いつかなかったなー。垂直方向に並んだ要素にそれぞれ背景画像を用意して、background-attachment プロパティに fixed を指定、同じ位置に重ねるのがミソ。前述のとおり IE 6 には対応していないので、適宜ハックなどで対応を。