0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【CSS】positionとz-indexについて

Last updated at Posted at 2022-08-08

positionとz-index

※本記事は学習の備忘録目的です。筆者は初学者ゆえ、誤りなどございましたらご指摘いただけますと幸いです。


cssのプロパティのpositionとz-indexについての整理

position:要素の位置を決めるためのプロパティ
image.png

・staticのz-indexの値は0で固定されている
・absoluteを使用するときは親要素はrelativeまたはfixedに設定する
・fixedはメニューバーなどのスクロール時に位置を固定したいものに対して使用する


z-index:要素の重なり順を指定するためのプロパティ
→z-index:10 のように指定し、数値が大きいほど上に表示される

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?