參考文獻：
z-index 屬性是用來調整元素及子元素在 z 軸上的順序，當元素發生覆蓋的時候，哪個元素在上面，哪個元素在下面。通常來說，z-index 值較大的元素會覆蓋較低的元素。
z-index 的預設值為 auto，可以設定正整數，也可以設定為負整數。
只有定位的元素（即position屬性值不是static的元素）的z-index才會起作用。
z-index不生效的情況：
1.在用z-index的時候，該元素沒有定位（非static）
2.在有定位的情況下，該元素的z-index沒有生效，是因為該元素的子元素後來居上，蓋住了該元素，解決方式：將蓋住該元素的子元素的z-index設定為負數，而該元素不設z-index屬性.
css屬性不生效
css屬性，不生效原因很多，在此列舉幾種。1 層疊樣式的原因。自己寫的規則重要性不夠被其他規則覆蓋。2 屬性關聯。比如要設定top屬性一定要同時設定position屬性。設定vertical align，一定要關心父元素行高和自身是不是inline block或inline元素。3 語法問題。一定要...
CSS3關於轉換
旋轉 rotate 旋轉xyz軸 正順時針負逆時針，單值預設z，3d 1，1，1，25deg 三面合力各做25deg形成的向量力。平移 translate 沒有脫離文件流，百分比相對於自身的寬高，旋轉平移先後區別，會有不同的效果。縮放 scale 縮放單值預設同時應用xy軸，z軸是厚度，3d是集合顯...
css3 flex 布局 寬度不生效
兩列布局專案中經常會用到，很多種方法可以做這樣的效果 但是最方便的還是要屬flex了，給外層父元素設定display flex 然後子元素，寬度自適應的那個設定 flex grow 1 另外乙個設定固定寬度就可以做到，乙個固定另乙個自適應了。具體 如下 lang en charset utf 8 n...