ブートストラップ モーダルが背景のフェードの背後に表示されるのはなぜですか?

背景によるブートストラップ モーダル オフセット

問題:

ブートストラップ モーダルを実装しました提供されたサンプル コードを使用しますが、モーダルがグレーのフェードの下に表示され、アクセスできないことに注意してください。

原因:

この問題は、モーダル コンテナーまたはその親である場合に発生します。要素の位置が固定または相対的なため、モーダルが背景に重なってしまいます。

解決策:

これを解決するには、モーダル コンテナとそのすべての親要素がデフォルトの位置があります。

修正するオプション:

1. モーダルを配置された要素の外側に移動:

   • 固定または相対位置を使用して、モーダル div を要素の外側に再配置するだけです。適切な場所は、 の直前です。 tag.

2. 位置スタイルの削除:

   • または、モーダルとその先祖からposition: CSSプロパティを削除します。モーダルが正しく表示されるまで。ただし、これはページのレイアウトと機能に影響を与える可能性があります。

以上がブートストラップ モーダルが背景のフェードの背後に表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。