※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。

■ 画像の重ね合わせ

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



1.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>

2.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>

3.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>

page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom