bootstrap CSS - バックグラウンドに影響を与えずにモーダルダイアログモーダルを作る方法

ブートストラップCSSでは、モーダルダイアログを表示することはできますが、モーダルにすることができます。暗い黒色の背景が示されています。bootstrap CSS - バックグラウンドに影響を与えずにモーダルダイアログモーダルを作る方法

$（ "＃selector"）。modal（）関数でこれを行うためのオプションがないようです。

2011-11-17 jaffa

してくださいあなたは私たちが見て一緒にプレイするためにjsfiddle.netとして、関連するコードを投稿できますか？文字通り数秒かかるでしょう。 –

ありがとう、ここでは謎です：http://jsfiddle.net/NUVrd/1/ – jaffa

：モーダル開始後

$('#XXX').modal({show:true});

だけ

$('.modal-backdrop').removeClass("modal-backdrop");

2014-02-24 00:48:17 Hugh

アレックス・マープルの答えを**正しい**アプローチで探してください。 – FastTrack

あなたがする必要があるのは、黒い背景の不透明度を変更するためにCSSを調整するだけです。基本的な要素へのクリックをブロックするために表示する必要はありません（私が知らないクリックジャッキーの保護がない限り）。ターゲットとするクラスはdiv.modal-backdropです。

2011-12-09 13:47:13 Synchro

私はこれをテストし、不透明度を設定した後：0、それはまだクリックを傍受します。 – Synchro

私が正しいんだ場合は、呼び出すことによってこれを行うことができるはずです。

$("#selector").modal({ 
    backdrop: "static" 
});

をそしてちょうど背景のクラスにCSSを変更し、あなたが設定されています。背景を取り除くために

2012-03-02 20:30:56 xorinzor

以下のコードをトリガーするには、<div class="modal">にdata-backdrop="false"を追加し、ブートストラップが残りの作業を実行します。

例：

<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">

2015-06-19 20:29:45

これは最もクリーンな答えです。承認されたものであったはずです。 –

このソリューションはバックグラウンドに影響します。あなたが見るものではなく、何をクリックするか。 –

答えて