モーダルの後ろに置く半透明の膜のこと。
こんな感じに書く。
|
1 2 3 4 5 |
.backdrop { position: fixed; // viewport基準で広げたいから（absoluteとかだと親基準になってしまう） inset: 0; // 画面の左上から右下まで、要素をぴったり広げる background: rgb(0 0 0 / 50%); } |
クリックしたら閉じる
- また、クリックすると閉じる機能なら、onclickをつけて、閉じる設計にする。
- 子要素には、「e.stopPropagation()」をつけること。（パブリングを止めたいから）
この記事へのコメントはありません。