ブラウザによる限界

background-attachmentfixed がブロックレベル要素に実装されている WWW ブラウザなら、画面(閲覧領域)右下に桜の花の画像が固定されます。 IE ではページ最下端に表示されて、しかもスクロールしてしまうことがあります。 これはブラウザの実装不備(または IE の仕様)です。
※ BODY セレクタ以外は background-attachment が効かない。

期待通りの動作をするブラウザ
  • Opera 7.10
  • Mozilla 1.3
ブラウザの対応リファレンス

(以下はスクロールのためのダミー文字列です)

sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample
sample

IE で画面の下端に固定表示する

通常は JavaScript を用います。 現在の有効な画面の大きさを取得し、それに合わせて画面下端位置をスクロールごとに算出し表示させます。 しかし この方法は JavaScript が OFF では何も起こりませんし、背景画像を表示させるためだけに こんな面倒なことは普通はしません。

IE の次期バージョンで実装されれば解決することですし・・・。

(追記)結局 IE はまともに実装されませんでした。