http://www.cnblogs.com/Darren_code/archive/2012/03/05/z-index.html详细内容链接
基础知识:
- z-index : auto | number
- z-index 属性设置元素的堆叠顺序,如果为正数,则离用户更近,为负数则表示离用户更远;
- 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面;
- z-index 仅能在定位元素上奏效(position 属性值为 relative 或 absolute 或 fixed的对象)
基本原则:
同一个层叠上下文中,层叠级别大的显示在上,层叠级别小的显示在下,相同层叠级别时,遵循后来居上的原则
不同层叠上下文中,元素显示顺序以父级层叠上下文的层叠级别来决定显示的先后顺序。与自身的层叠级别无关;
(我的理解:同父则比较自己的z-index;不同父则父的z-index大的子也大————————在i7和i6中这样)
(在i8及以上chrome ff中比较自己的z-index)