我試圖將主要元素定位在標題上方和導航元素下方，我使用了 z-index 但它無法正常作業。
我在標題中使用位置粘性，在主元素中使用相對位置，因為有些東西使用絕對位置。
你對我的情況有什么解決辦法嗎？
header,
nav,
main {width: 100%;}
header{
height: 10rem;
position: relative;
top: 0;
background: blueviolet;
z-index: 1;
}
nav {
height: 4rem;
background: yellow;
z-index: 3;
}
main {
height: 30rem;
position: relative;
background: crimson;
z-index: 2;
}
div {
display: flex;
}<header>
<nav>navbar</nav>
header
</header>
<main>main</main>uj5u.com熱心網友回復：
只需重新處理您的 HTML，使其遵循該順序。如果您希望導航元素位于頂部而標題位于底部，請不要將 嵌套nav在標題中。
header,
nav,
main {width: 100%;}
header{
height: 10rem;
position: relative;
top: 0;
background: blueviolet;
z-index: 1;
}
nav {
height: 4rem;
background: yellow;
z-index: 3;
}
main {
height: 30rem;
position: relative;
background: crimson;
z-index: 2;
}
div {
display: flex;
}<nav>navbar</nav>
<main>main</main>
<header>header</header>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/401870.html