忽略父元素的 z-index: z-index 屬性只對具有定位屬性(position 不是 static)的元素有效,如果父元素沒有設置定位屬性,則子元素設置 z-index 是無效的。
z-index 只對同一層級的元素有效: z-index 屬性是用來控制元素在同一層級上的層疊順序的,如果想要控制不同層級元素的層疊順序,則需要使用更高級別的層級(如設置父元素的 z-index)。
z-index 值為負數: z-index 的值可以為負數,但是會導致混淆和難以維護,應該盡量避免使用負數值。
z-index 與浮動元素:浮動元素會脫離文檔流,不受 z-index 控制,如果想要控制浮動元素的層疊順序,可以使用定位屬性來實現。
z-index 與 opacity:當一個元素設置了 opacity 透明度時,其 z-index 屬性也會失效,不會影響元素的層疊順序。