オンマウスで背景画像を固定する方法

2008/04/09 01:35

このQ&Aのポイント

画像にオンマウスで背景画像を固定するには、bodyタグのbackground属性を使用します。指定した画像を背景として表示し、マウスが乗った状態では背景を水平方向に固定します。
現在使用しているタグでは、背景画像が垂直方向もしくは水平方向に繰り返し表示されてしまう問題があります。この問題を解決するために、background-attachmentプロパティをfixedに設定し、background-repeatプロパティをrepeat-xに設定します。
ただし、変更しても問題が解決しない場合は、CSSの位置指定に問題がある可能性があります。bodyタグのstyle属性にbackground-position: top;を追加してみてください。また、HTMLのコメント記述が正しくないことも問題の原因になる可能性があります。コメント記述が無効化されている場合は、正しい形式でコメントを記述してください。

vlvl
お礼率100% (1/1)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

auty
ベストアンサー率58% (284/486)

2008/04/09 02:07 回答No.1

fixed は、background-attachmentの属性で、スクロールに関するものです。 topが、background-positionの属性です。３箇所の「fixed repeat」を「top repeat-x」に替えればよいはずです。また  では、 background:position:top} がおかしいですね。 background-position:top} です。このとき画像は指定していましたか。

質問者