- ベストアンサー
スクロールするテーブルに背景画像を固定させたい
- HTMLで作成したテーブルをスクロールできる仕様にしました。しかし、背景画像も一緒にスクロールしてしまいます。背景画像を固定させる方法を知りたいです。
- スクロールするテーブルに背景画像を入れましたが、スクロールする際に背景画像も一緒にスクロールしてしまいます。背景画像を固定させる方法を教えてください。
- HTMLのテーブルをスクロールさせることができますが、背景画像も一緒にスクロールしてしまいます。背景画像を固定させる方法を教えてください。
- ots_tatuya
- お礼率66% (22/33)
- レンタルサーバ・ASP
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
もう解決済みかもしれませんが…… 以下のような感じで、<span>～</span>の中に入れたテーブルに、スタイルシートを適用するとよいと思います。 <html> <head> <STYLE type="text/css"> <!-- .tbl { background-image:url(画像); background-attachment:fixed; width:695; height:114; overflow:auto; background-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; } --> </STYLE> </head> <body> <TABLE border="0" width="695" background="top-6.GIF"> <TR><TD width="72" height="34"></TD><TD width="623" height="34"><font color="red"><b><center>お知らせ</center></b></font></TD></TR> </TABLE> <!--本体部分--> <span class="tbl"> <TABLE border="0"> <TR><TD width="72">A</TD><TD width="623">B</TD></TR> <TR><TD>C</TD><TD>D</TD></TR> <TR><TD>E</TD><TD>F</TD></TR> <TR><TD>G</TD><TD>H</TD></TR> <TR><TD>I</TD><TD>J</TD></TR> <TR><TD>K</TD><TD>L</TD></TR> <TR><TD>M</TD><TD>N</TD></TR> <TR><TD>O</TD><TD>P</TD></TR> </TABLE> </span> </body> </html> 肝心の部分だけ切り貼りしたので細かいところは戻しておいてください。
お礼
早速やってみました。出来ました。 とてもわかりやすかったです。 ありがとうございます。 またわからない事があったらお願いします。