1

私はtwitterブートストラップモーダルプラグインを使用しています。モーダルダイアログがあり、ボタンをクリックすると、小さなモーダルダイアログが表示されます。

何が起こっているのかというと、2番目の小さいモーダルダイアログは実際にはモーダルではありません。その下にある最初のダイアログにアクセスできるからです(ボタンをクリックしてテキストを選択するなど)。

2番目のモーダルダイアログ用にdata-backdrop="static"属性を設定していますが、正しく機能していないようです。

これは正常な動作ですか?

4

2 に答える 2

7

これは正常な動作です。背景とモーダルに与えられる値は固定されています。z-indexつまり、2番目の背景の値は最初のモーダルよりも小さくなります。

z-index表示時に2番目の要素のsを増やすと機能する場合があります。

私見では、モーダルは複数のインスタンスで同時に使用されることを意図していないため、2番目のモーダルを表示しているときに1番目のモーダルを非表示にする方が簡単な場合があります。

于 2012-07-27T18:42:01.843 に答える
2

はい、シャーブロウは正しいです..そしてそれを回避する方法は、最初のモーダルのIDをターゲットにし、そのz-indexを新しいモーダルが設定されている1050と背景が設定されている1040の間の何かに変更することですに設定..

私の場合、私は以下を使用しました:

#modal1 {z-index: 1048;}

ここで、#modal1を開いて別のモーダルへのリンクをクリックすると、2番目のモーダルが#modal1をカバーしますが、背景はカバーしません。

于 2013-03-07T19:47:29.690 に答える