z-index空間位置
當元素被設置了position屬性時,可能會使得元素產生重疊，可以利用z-index屬性調整元素上下位置，值大的元素位於值小的上方。默認的z-index屬性值爲0，可以是正數，也可以是負數，當兩個元素的值一樣時，則保持原有的上下覆蓋關係。以下是z-index的屬性值：
①auto：默認。堆疊順序與父元素相等。
②number：設置元素的堆疊順序。
③inherit：規定應該從父元素繼承 z-index 屬性的值。
註釋：Z-index 僅能在定位元素上奏效（例如 position:absolute;）以下是它的實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
img.x{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
p.y{position: absolute;
left: 0px;
top: 0px;
z-index: 1;}
</style>
</head>
<body>
<h1>這是一個標題</h1>
<img src="img/1.jpg" width="500px" class="x" alt="">
<p class="y"><b>你看見了沒aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</b></p>
</body>
</html>