定位和z-index

定位分类

position:static(静态定位)不对元素进行定位

position：relative（相对定位）用于浮动元素定位

position：absolute绝对定位

position：fixed固定定位（IE6不支持）{固定在屏幕上某个固定的位置}

 

当元素被“定位”了，它便有了一个参考系（此时元素是一个参考点）那就是它定位最近的祖先元素

 

z-index  堆叠问题

堆叠环境按照如下定位层从后往前进行解析

（1）背景颜色，背景图片和堆叠环境的边框；

（2）拥有负z-index值的后代定位元素；

（3）后代非定位块状元素；

（4）后代非定位浮动元素；

（5）后代非定位内联元素；

（6）被赋予了z-index：auto和z-index：o的后代定位元素；

（7）有正z-index值的后代定位元素（z-index值从小到大解析,数值小的被大的覆盖）