ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：vlvl 画像にオンマウスで背景画像を固定
困り度：
  • すぐに回答を！
 画像にオンマウスで背景を水平方向+上に固定するにはどうしたら良いのでしょうか？
今現在使用しているタグだと垂直水平方向に繰り返しになってしまいます。


使用しているソースは以下のとおりです。
----------------------------------
</HEAD>
<BODY>
<TABLE cellspacing="0">
<TBODY>
<TR>
<TD onmouseover="body.style.background='url(/image/001.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/001.jpg" width="200" height="200" border="1"></TD>
</TR>
<TR>
<TD onmouseover="body.style.background='url(/image/002.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/002.jpg" width="200" height="200" border="1"></TD>
</TR>
<TR>
<TD onmouseover="body.style.background='url(/image/003.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/003.jpg" width="200" height="200" border="1"></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
----------------------------------

「fixed repeat';」を「fixed repeat-x';」に変えてみても変化なしでした。

また、styleに
<!--
BODY {
background-attachment: fixed;
background-repeat: repeat-x;
background:position:top}
-->
を書いてみたりもしたのですが変化なしでした。

ご存知の方、詳しい方アドバイスお願いします。
質問投稿日時：08/04/09 01:35
質問番号：3933942
この質問に対する回答は締め切られました。

回答

良回答20pt
回答者：auty fixed は、background-attachmentの属性で、スクロールに関するものです。
topが、background-positionの属性です。

３箇所の「fixed repeat」を「top repeat-x」に替えればよいはずです。

また
<!--
BODY {
background-attachment: fixed;
background-repeat: repeat-x;
background:position:top}
-->
では、
background:position:top}
がおかしいですね。
background-position:top}
です。このとき画像は指定していましたか。
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/04/09 02:07
回答番号：No.1
この回答へのお礼styleにはなにもいれず「fixed repeat」を「top repeat-x」にしたところ水平方向+上に固定されました!!!!

的確及び素早い回答ありがとうございました^^
 
このページのトップへ