index-z in ie6

Discussion in 'Web Design and Development' started by youlichika, Sep 25, 2010.

  1. youlichika macrumors member

    Joined:
    Aug 27, 2010
    #1
    HTML:
    <div id = "001" style="width:100px ;height:50px; border:1px solid #999; background:green; position:absolute;">001 <div id = "002" style="top:20; left:40; width:100px ;height:50px; border:1px solid #999; background:red;position:absolute;z-index:4" >002</div> </div> <div id = "003" style="top:20; left:40; width:100px ;height:50px; border:1px solid #999; background:yellow;position:absolute;z-index:2" >003</div>
    I have 3 DIV, DIV 001 and DIV 003 are top DIV, DIV 002 is the sub DIV from DIV 001.
    All the DIV position are absolute. It is not allow me to change the DIV level and position in my whole code.

    I want DIV 001 in the below, DIV 003 in the middle, DIV 002 in the top.

    I set DIV 003 with a low z-index, DIV 002 with a high z-index and not set any z-index for DIV 001. It is show correct in IE8, FIREFOX3.6, OPERA10 and Safari4, but show wrong in IE6: DIV 003 is alwways on the top of DIV 002.
    How can I do?
     

Share This Page