<HTML>
<HEAD>
<TITLE>160</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" BORDERCOLOR="#99ccff" BACKGROUND="bg.jpg" STYLE="position:absolute;left:180;top:50;width:500;height:400;z-index:1;"><TR><TD><TD></TR></TABLE>
<DIV STYLE="position:absolute;left:180;top:50;width:500;height:100;z -index:3;"><IMG SRC="160.gif"></DIV>
<MARQUEE DIRECTION="up" SCROLLAMOUNT="2" STYLE="position:absolute;le ft:200;top:51;width:460;height:398;z-index:2;font-size:11pt;color:sa lmon;">

 背景画像の上を文字列がスクロールします。文字列が上へ行くとサークルの画像の下に潜り込みます。「No.151」では、文字色を上の画像と同色にして潜り込んだように見せかけましたが、今回は本当に潜り込むので何色でもOKです。

 スタイルシートの「z-index」を使い、下から番号を付けて重ねています。一番下は「TABLE」で背景画像と枠線を表示、二番目が「MARQUEE」で文字列を下から上へスクロール、一番上がサークルの画像の「160.gif」です。 記述する順番は関係ありません。

 「z-index」を使う場合は「position:absolute」の指定をし、表示する位置を「left:180;top:50」のように指定します。

 一番下の「TABLE」で表示する背景画像と枠線は、二番目の「MARQUEE」に纏めることができますが、文字列の左右にマージンを入れることができません。

 下記のソースをメモ帳にコピー&ペーストしたら、行末の改行を削除してください。 </MARQUEE>
</BODY>
</HTML>