z-indexが効かない

福岡・久留米（筑後地区）のホームページ制作・SEO対策、ホワイトキャンバス

BlogBlog

福岡、久留米（筑後地区）フリーランスWeb制作

22.02.27カテゴリ : CSS

<header>
<nav>



<ul>



 	<li>あああ</li>






 	<li>あああ</li>






 	<li>あああ</li>



</ul>



</nav>
</header>

<nav>

<ul>

</ul>

</nav>

</header>

navにposition: fixed; z-index:100;
としてもコンテンツの下になってしまう・・・
コンテンツにpositionやtransformなどあるとうまくいいかない。

解決：　親要素であるheaderにz-index:10 と設定で解決！