Bootstrap の modal dialog が影の下に隠れる問題

Posted: 2014-12-24, Modified: 2017-05-11 CSS Bootstrap Qiita

本稿は Qiita 投稿記事のバックアップです．

Bootstrap の modal dialog でダイアログ自体が影の下に隠れてしまうことがあった。 .modal-dialog の z-index が影のレイヤよりも小さいこと問題で、適当に大きな値を設定しておけば回避できる。

設定例

<div class="modal-dialog" style="z-index: 1500">...</div>