z-index是设置对象的层叠顺序的样式。该样式只对position属性为relative或absolute的对象有效。这里的层叠顺序也可以说是对象的“上下顺序”。
z-index在层叠的时候，很重要，特别是层的优先级的时候，只要用z-index定一个值，就可以根据你自己想要的顺序来显示效果。
语法：z-index : auto | number
auto : 默认值。可以不写。
number : 无单位的整数值。可为负数,当值为负数时，被指定元素将位于其父元素之下。数值越大，越靠前，反之亦然。
一个小例子：
提示：你可以先修改部分代码再运行。