javascript - バックグラウンド クリックでモーダル ウィンドウが閉じないようにする

Question

私は Twitter Bootstrap を使用しており、影付きの背景を持つモーダルを作成しています。閉じるをクリックするまでモーダルを維持したいのですが、誰かが背景をクリックしても閉じません。

解決策が見つかりません。背景の使い方は知っていますが、背景がありません。

Answer 1

モーダルには、backdrop と呼ばれるデータ属性があります。true または false に設定できます。

data-backdrop="false"

背景が必要な場合は静的として指定することもできますが、クリックしても閉じません。

別のハックは、背景を無効にして、次のプロパティを持つ独自の背景を作成して、クリック時にモーダルが閉じないようにすることです。背景の CSS:

{
position:relative;
height:100%;
width:100%;
background:#000000;
opacity:0.2;
}