※ ChatGPTを利用し、要約された質問です（原文：スクロールするテーブルに背景画像を固定させたいのです）
このQ&Aのポイント
HTMLで作成したテーブルをスクロールできる仕様にしました。しかし、背景画像も一緒にスクロールしてしまいます。背景画像を固定させる方法を知りたいです。
スクロールするテーブルに背景画像を入れましたが、スクロールする際に背景画像も一緒にスクロールしてしまいます。背景画像を固定させる方法を教えてください。
HTMLのテーブルをスクロールさせることができますが、背景画像も一緒にスクロールしてしまいます。背景画像を固定させる方法を教えてください。
スクロールするテーブルに背景画像を固定させたいのです
ＨＴＭＬでテーブルを作り、スクロールできる仕様にしました。そこに背景画像を入れたのですが、スクロールの際に一緒に背景画像もスクロールしてしまいます。
文字などだけをスクロール可能にして、背景画像を固定にする方法を知っている方は教えてください。
私のソースは下記です。よろしくお願いします。
<html>
<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>
</DIV>
</DIV>
<!--本体部分-->
<DIV style="overflow-y:scroll;direction:ltr;width:695;height:114px">
<DIV style="direction:ltr">
<TABLE border="0" width="695" background="top-7.GIF" style="background-attachment: fixed">
<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>
<DIV style="overflow-y:scroll;direction:ltr;width:695;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF">
<DIV style="direction:ltr">
</DIV>
</DIV>
</html>
お礼
早速やってみました。出来ました。 とてもわかりやすかったです。 ありがとうございます。 またわからない事があったらお願いします。