css中z-index属性（包含各浏览器对此兼容问题）

http://www.cnblogs.com/Darren_code/archive/2012/03/05/z-index.html详细内容链接

基础知识：

1. z-index : auto | number
2. z-index 属性设置元素的堆叠顺序，如果为正数，则离用户更近，为负数则表示离用户更远；
3. 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；
4. z-index 仅能在定位元素上奏效（position 属性值为 relative 或 absolute 或 fixed的对象）

基本原则：

    同一个层叠上下文中，层叠级别大的显示在上，层叠级别小的显示在下，相同层叠级别时，遵循后来居上的原则

   不同层叠上下文中，元素显示顺序以父级层叠上下文的层叠级别来决定显示的先后顺序。与自身的层叠级别无关；

 （我的理解：同父则比较自己的z-index；不同父则父的z-index大的子也大————————在i7和i6中这样）

（在i8及以上chrome ff中比较自己的z-index）