底层绝对位置的div为什么把顶层div遮挡了？_html/css_WEB-ITnose

<div align="center" style="width:100%;position:absolute;background-color:#660;z-index:1;"><br /><br />z-index:1</div><div align="center" style="background-color:#066;z-index:2;">z-index:2</div><div align="center" style="background-color:#606;z-index:0;">z-index:0</div>

如上代码，z-index:1为什么把z-index:2也遮挡住了？
不改变彼此先后顺序的情况下，怎样让这个z-index:1且position:absolute的div只遮挡z-index:0不遮挡z-index:2

回复讨论(解决方案)

z-index:1;">

z-index:1

z-index:2

z-index:0

z-index:1;">

z-index:1

z-index:2

z-index:0

多谢！