CSS Layers 層執行個體教程

CSS Layers 層執行個體教程經過學習如何HTML元素的位置，你可能已經注意到這個可能導致HTML元素正在上彼此。的CSS使您可以控制哪些項目將出現在頂端用層。


在CSS ，每個元素是一個優先事項。 HTML元素後顯示的原始碼中比其他人將有一個更高的優先預設。如果有兩個重疊的CSS定位元素，元素的更高的優先地位將出現在頂部的其他。

要手動確定優先事項，設定了Z -指數值。較大的價值，更高的優先權的元素將。

h4{
position: relative;
top: 30px;
left: 50px;
z-index: 2;
background-color: #336699;
}

p { 
  position: relative;
z-index: 1;
background-color: #FFCCCC;
}