画像を重ねて表示するには？

けんちゃん [E-Mail] 2000/01/04(火) 10:21:46
画像を重ねて表示したいんですけど、やり方がさっぱりです。
スタイルシートを使うのかと思ったのですが、書いてありませんし。
ブラウザの違いによる表示のされ方が一番影響を受けない方法で
画像を重ねるにはどうしたら良いのでしょうか。
なるべく古いブラウザにも対応させたいので。
よろしくお願いします。

ma3ki 2000/01/05(水) 14:25:36
画像を重ねて表示について－

私が、やっていることを紹介します。

<DIV ID="post1" STYLE="position: absolute; left: 30px;
top: 410px; width: 100px; height: 100px;  z-index: 7">
     <IMG SRC="images/a.gif" WIDTH="100"
HEIGHT="100" BORDER="0">
</DIV>

<DIV ID="post2" STYLE="position: absolute; left:
0px; top: 390px; width: 180px; height: 300px; z-index: 8">
     <IMG SRC="images/b.gif" WIDTH="180"
HEIGHT="300" BORDER="0">
</DIV>

<DIV ID="post3" STYLE="position: absolute; left: 5px;
top: 500px; width: 160px; height: 200px; z-index: 9">
    <IMG SRC="images/c.gif" WIDTH="160"
HEIGHT="200" BORDER="0">
</DIV>

・・・・・
Z-indexで重ね順を指定。
小さい数ほど下になります。
この例は、表示位置を絶対値
で指定しています。
重ね具合を調整するためには
位置を指定した方が、
格好が付きます。
けんちゃん様には、別途サンプルを
メールします。

けんちゃん [E-Mail] 2000/01/05(水) 20:19:42
ｍａ３ｋｉさん、レスありがとうございます。
さっそくやってみたいのですが、サンプルも送っていたたけると言うことで、もう、送信されましたか？
まだ届いていなかったので、ちゃんと送られていなかったのかとか、
メアドにミスがあったのかなど、ちょっと心配になったもので。

この書き方での、ブラウザによる表示のされ方の違いなど、
何か影響ありますかね？
僕はＩＥ４しか今手元に無いもので、他のブラウザを試せないものですから。

まあ、とにかくまずはこの書き方でやってみます。
ありがとうございました。

けんちゃん 2000/01/08(土) 23:55:22
[[解決]]
何とか上手くいきそうです。

[上に] [前に] [次に]