positionとz-index
※本記事は学習の備忘録目的です。筆者は初学者ゆえ、誤りなどございましたらご指摘いただけますと幸いです。
cssのプロパティのpositionとz-indexについての整理
position：要素の位置を決めるためのプロパティ
・staticのz-indexの値は0で固定されている
・absoluteを使用するときは親要素はrelativeまたはfixedに設定する
・fixedはメニューバーなどのスクロール時に位置を固定したいものに対して使用する
z-index：要素の重なり順を指定するためのプロパティ
→z-index:10 のように指定し、数値が大きいほど上に表示される