divcssz-index层重叠顺序div层、span层等html标签层重叠顺序样式z-index，平时CSS用的比较少，但是它是不可避免地会遇到CSSz-index用法。从基础语法到应用案例教程学习z-index。1.Z-index语法结构div{z-index:100}注意：z-index的取值不跟单位。z-index的个数越大，越靠前，值必须为整数且为正数（正整数）。2.z-index使用条件z-index只能在使用绝对定位position:absolute属性的情况下使用。通常CSS允许不同的对象框重叠并以不同的顺序排列。CSS是z-index样式属性。三、案例一、z-index重叠序列案例为了观察方便，设置3个DIV框，设置不同的CSS背景色，设置相同的CSS高度和CSS宽度。将背景颜色）分别设置为黑色、红色、蓝色。CSS宽度为300px，CSS高度为100px。css代码（没有z-index属性）.divcss5{position:relative;}.divcss5-1,.divcss5-2,.divcss5-3{width:300px;高度：100px；位置：绝对；}.divcss5-1{background:#000;/*black*/left:10px;top:10px}.divcss5-2{background:#F00;/*red*/left:20px;顶部：20px}.divcss5-3{背景：#00F；/*蓝色*/left:30px;top:30px}CSS代码（加上z-index属性）：.divcss5{position:relative;}.divcss5-1，.divcss5-2，.divcss5-3{宽度：200px；高度：100px；位置：绝对；}.divcss5-1{z-index:10;背景：#000；/*黑色*/left:10px;top:10px}.divcss5-2{z-index:20;背景：#F00;/*红色*/左：20px;top:20px}.divcss5-3{z-index:15;背景：#00F;/*蓝色*/左：30px;top:30px}html代码
