■ 画像の重ね合わせ

※スタイルシートやスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。

１．IMGタグのSTYLE属性を使用した重ね合わせ

IE4.0以上でないと正常に表示されない。
NNは正常に表示されない。

【記述サンプル】

<IMG src="../../images/exp/baloon.gif" width="80" height="80" border="0" style="position: absolute;top : 100px;left : 10px;"> <IMG src="../../images/exp/baloon.gif" width="80" height="80" border="0" style="position: absolute;top : 110px;left : 20px;"> <BR>

２．LAYERタグを使用した重ね合わせ

NN4.0以上でないと正常に表示されない。
IEは正常に表示されない。

【記述サンプル】

<layer left="10" top="180"><IMG src="../../images/exp/baloon.gif" width="80" height="80" border="0"> </layer> <layer left="20" top="190"><IMG src="../../images/exp/baloon.gif" width="80" height="80" border="0"> </layer> <BR>

３．DIVタグのSTYLE属性を使用して重ね合わせ

IE4.0以上でないと正常に表示されない。
NN4.0以上でないと正常に表示されない。

【記述サンプル】

<DIV style="top : 260px;left : 10px; position : absolute;z-index : 1; visibility : visible; width : 80px; height : 80px;" id="Layer1"><IMG src="../../images/exp/baloon.gif" width="80" height="80" border="0"></DIV> <DIV style="top : 270px;left : 20px; position : absolute; z-index : 2; visibility : visible; width : 80px; height : 80px;" id="Layer2"><IMG src="../../images/exp/baloon.gif" width="80" height="80" border="0"></DIV> <BR>