CSS 定位相关文档收集

z-index:

    The zIndex property only applies to objects that have the position property set to relative or absolute .

 

自然的层叠顺序

　　在一个HTML页面中，自然的层叠顺序（也就是元素在Z轴上的顺序）是由很多因素决定的。下面的是一个列表，它展示的列表项是处于一个层叠环境（stacking context，暂时未找到合适的汉语翻译，应该是指层叠的元素所处的那个层叠的环境）中，这些项是处于这个层叠环境的底部的。这个列表中的项都没有被赋予Z-index属性。
　　元素的背景和边框会创建一个stacking context

引用:
　　·具有负值的stacking contexts元素，按照出现的先后顺序排列（越靠后层级越靠上）
　　·没有被定位，没有浮动的块级元素，按照出现的先后顺序排列
　　·没有被定位，浮动的元素，按照出现的先后顺序排列
　　·内联元素，按照出现的先后顺序排列排列
　　·被定位的元素，按照出现的先后顺序排列

　　z-index 属性，当被正确使用的时候，会改变自然的层叠顺序。重复一下，z-index属性只 能工作于那些被定义了position 属性的元素中。