BLOGブログ

BLOG

1

位置を固定する(position:fixed; z-index)

Webサイト制作

position:fixed; を使用することで、例えばヘッダー部分だけが常時固定されて閲覧できるようになります。

位置はtop、left、right、bottomを使用して指定しましょう。

position:fixedを使用するとヘッダー部分がコンテント部分に隠れてしまいます。
これを解消するのがz-indexです。
z-indexは重なりの優先順位を指定することができるプロパティで、

z-index:10;
z-inde:5

だと数値の大きい方が前面に配置されます。

RELATED

関連記事

コメント

この記事へのコメントはありません。

PAGE TOP