1HTML代码给出了内层的3个div,显示的数字即为z-index数值
<divclass="outer">
<divclass="con1">99</div>
<divclass="con2">999</div>
<divclass="con3">9</div>
</div
2添加css样式,注意内层div的定位方式为relative,并且分别设置了z-index数值
div.outer{width:350px;height:350px;padding:10px;border:1pxsolidgreen;}
div.outer div{width:200px;height:200px;padding:05px;color:white;font-size:20px;position:relative;}
div.con1{background:red;top:20px;left:20px;z-index:99;}
div.con2{background:green;top:-100px;left:0px;z-index:999;}
div.con3{background:blue;top:-250px;right:-100px;text-align:right;z-index:9;