CSSでのz-indexの扱い

質問

<div style="position:relative; z-index:2;">
<table>
～中略～
</table>
</div>

<div style="position:relative;z-index:1;">
<object>
～中略～（ちなみにFlashムービー）
</object>
</div>

上のようなソースなのですが、
２つの<div>が重なる部分は、どうしても、
下の<div>が上にきます。

どうしてでしょうか。
上の<div>が常に上になってほしいのですが。

回答No.1

steel_gray · ベストアンサー

ブラウザによっても多少違いはあるようですがPlug-inを利用するものや一部のフォーム部品など、背面にまわせないものがあるようです。

Flashの場合、透明化することで下のレイヤーが見えるようにすることは環境によっては可能なようです。

参考URL：

http://www.macromedia.com/jp/support/flash/ts/documents/fl0306.html

お礼

なるほど。そういう方法があるのですね。
ありがとうございます。