search
LoginSignup
0

More than 1 year has passed since last update.

Organization

他の要素と重ならないように、ヘッダーを上部に固定

スクロールした時、他の要素と重ならないように、ヘッダーを上部に固定したい。

html

<header class-"header">
.
.
.
</header>

固定するためには position: fixedを使用し、
他の要素(文字など)と重ならないようにするためにz-indexを指定する。

css

.header {
  position: fixed;
  z-index: 99;
  width: 100%;
  background-color: white;
}

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
What you can do with signing up
0