有什么作用
定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
例子：
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="/i/eg_smile.gif" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>就像站在大楼的正上方看楼一样,你只能看到最上面那一层,z-index就是这样,比如你把两张图定位在同一个位置,那么你给哪张图设置的z-index值大你就能看到哪张图
简单来说，就是起到了覆盖的的作用，一层background是红色，而你想用蓝色覆盖，添加z-index,并将其值设置足够大，可以起到覆盖作用