摘要： 元素位置重叠的可能原因有：1. 负边距/float浮动；2. position的relative/absolute/fixed定位；3. window窗口元素引发的重叠。对于position定位元素的堆叠顺序一般是z-index值大的元素发生重叠时会在值小的元素上面，但要注意使用的相对性：非同级关系和非父子关系定位元素之间的堆叠顺序，要向上追溯到其为兄弟关系的父元素上，先比较其z-index值，只有父辈元素中的z-index值较大的后代子元素才能超过z-index值较小的父辈元素及其子孙元素；还需注意的是对于ie6/7来说position值为非static的元素在未设置z-index值的情况下会被隐含添加z-index:0，而这可能会引发浏览器表现不一致出现兼容问题。 阅读全文