z-index权重
在css中,z-index的意思为“层级,层空间层叠等级”,可以指定一个元素的堆叠顺序。
使用方法:
auto:默认值。
number: 无单位的整数值,可为负数 。
z-index从 最小值0 到 最大值2147483647 之间的值都可以安全使用。
z-index值较大的元素将叠加在z-index值较小的元素之上。
对于未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而 z-index 值为负数的对象在其之下。
注意:
z-index这个属性需要在当前盒子内加上position:xxx;才能用。
z-index 进行定位元素(position:absolute, position:relative, or position:fixed);
结论:
一、
默认值:z-index在ie下默认为z-index:0;而FF下则默认为z-index:auto;
可以自己开头对全局进行设置,z-index:0;
二、
正常情况下:兄弟(同级)元素后者居上,父子之间子高于父;(没有设置定位浮动的情况下)
三、
1. 定位的情况下:
2. 定位的元素在没定位的元素上面
3. 同样定位了后面的元素在前面的元素上面
4. 同级的父级都定位了【就不看子级了】,谁的z-index高谁在上面
5. 一个父级定位了,另一个父级没定位,没定位的元素的子级定位了,那就按照定位的子级和定位的父级看谁的z-index高谁在上面。
参考链接: