エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
モーダルウィンドウ - Qiita
body { font-size: 14px; } #open, #close { cursor: pointer; width: 200px; border: 1px solid #ccc; ... body { font-size: 14px; } #open, #close { cursor: pointer; width: 200px; border: 1px solid #ccc; border-radius: 4px; text-align: center; padding: 12px 0; margin: 16px auto 0; } #mask { background: rgba(0, 0, 0, 0.4); position: fixed; 絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。 top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } #modal { background: #fff; width: 300px; padding: 20px; borde