相對元件覆蓋固定元素

Question

我有了position: fixed和z-index: 9999基本引導導航欄菜單，擁有一個具有position: relative和z-index: 1所有其他內容。該內容涵蓋了我的導航欄中最大的z-index。怎麼樣？

Answer 1

爲了理解這一點，您需要了解堆疊上下文。

1. 考慮兩個元素中的每一個元素的所有祖先，直到他們有一個共同的父親。

2. 某處在兩個元件的祖先的線，祖先之一具有一組z-index，比auto其他，這使得它的後續子渲染上述（如果其z-index:1元件的祖先）或更低（如果它是祖先navbar）另一棵樹。

如果這不夠清楚，看看this fiddle更好地理解如何堆疊內容（和z-index）工作。點擊任何div將通過1,-1和auto的值來註冊z-index。獲得它的最佳方法是將紅色元素設置爲-1，然後在黃色上單擊幾次。