コメント付きの画像ギャラリーがあります。そのイメージはモーダルで開かれます。 イメージのコメントを削除しようとすると、新しいモーダル確認が開きます。問題は、モーダルがメインモーダルになるということです。スクリーンショットを確認してくださいブートストラップはモーダルビハインドメインモーダルを確認します
番号1は主なモーダルです。クリックしてxコメントの中に私は2番モーダルを開きますが、彼はbihaindです。
私は手動でモーダルのZインデックスを設定しないことが
#confirm-delete {
z-index: 1000 !important;
}
を働くz-indexとの最初ではなく、モーダル削除配置しよう！
BootstrapはデフォルトでモーダルのZ-インデックスを順序付けしないため、問題が発生しました。
私は個人的にこれを使用します：http://jschr.github.io/bootstrap-modalこれは、ブートストラップのモーダルを構成していないほうがずっと優れています。スタック可能なので、問題を解決する最良の方法かもしれません。
私はあなたがブートストラップ3を使用していると仮定しています。次のコードはうまくいくでしょう。
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" />
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js"></script>
この順序でCSSリソースを読み込むと、プラグインは自動的にモダールのZ-インデックスを管理します。
あなたはこれのためのフィドルを作成できますか？ –
モーダルのZ-インデックスを手動で設定しないでください！私は個人的にこれを使用しています：http://jschr.github.io/bootstrap-modal/これは、ブートストラップのモーダルを少しの設定でずっと良くしました。そしてスタック可能で、あなたの問題を解決するかもしれません。 –
はい、スタック可能なスロー私の問題。ありがとう@DanielCheung – Ivan