IE下INDEX失效，如何兼容？

Question

本帖最后由 gkw521 于 2009-10-29 14:36:40 编辑

Answer 1

<div style="width:100px;height:150px;background:yellow;position:relative;z-index:10">
<div style="width:50px;height:50px;background:black;left:0px;top:130px;position:absolute;z-index:100"></div>    
</div>
<div style="width:200px;height:200px;background:red;position:relative">
<div style="width:100px;height:200px;background:green;position:absotlue;left:0px;top:0px;z-index:50"></div>    
</div>

Answer 2

   <div style="width:100px;height:150px;background:yellow;position:relative">
        <div style="width:50px;height:50px;background:black;left:0px;top:130px;position:absolute;z-index:100"></div>    
    </div>
    <div style="width:200px;height:200px;background:red;position:relative;z-index:-1">
        <div style="width:100px;height:200px;background:green;position:absotlue;left:0px;top:0px;z-index:50"></div>    
    </div>

Answer 3

<div style="width:100px;height:150px;background:yellow;position:relative;z-index:50">
    <div style="width:50px;height:50px;background:black;left:0px;top:130px;position:absolute;z-index:100;"></div>
</div>
<div style="width:200px;height:200px;background:red;position:relative">
    <div style="width:100px;height:200px;background:green;position:absolute;left:0px;top:0px;z-index:50"></div>
</div>

Answer 4

<div style="width:100px;height:150px;background:yellow;position:relative;z-index:50">
    <div style="width:50px;height:50px;background:black;left:0px;top:130px;position:absolute;z-index:100;"></div>
</div>
<div style="width:200px;height:200px;background:red;position:relative">
    <div style="width:100px;height:200px;background:green;position:absolute;left:0px;top:0px;z-index:50"></div>
</div>