modal

モーダルウィンドウとは

画面上に表示される領域。表示されているときは下の画面はさわれないようにしないといけない。 閉じなければ他の操作を行えない。

• モーダルウィンドウ推奨場面

1. ローディング時
2. エラー発生時
3. 警告メッセージ
4. 必ず読んで欲しいお知らせなど

モーダルウィンドウ基本の作り方

参考URL

1. display: none のコンテンツを作成する。
2. 手前に表示させる z-index で尚且つ position: fixed で固定すると尚良い
3. オーバーレイの作成(周りの薄グレー)