1
ng-bootstrapを使用して別のモデルの上にモーダルを開こうとしています。モデルは期待どおりに開いていますが、第2モデルのモーダルバックグラウンドは第1モデルの背後にあります。 角度2 ng-bootstrap複数のモデルを開く
モデルにはdocumentという文字が含まれています。何も特別なことはありません。
ng-bootstrapを使用して別のモデルの上にモーダルを開こうとしています。モデルは期待どおりに開いていますが、第2モデルのモーダルバックグラウンドは第1モデルの背後にあります。 角度2 ng-bootstrap複数のモデルを開く
モデルにはdocumentという文字が含まれています。何も特別なことはありません。
私はこの仕事を次のCSSコードを追加するだけで行うことができました。
.modal:nth-of-type(2) {
z-index: 1051 !important;
}
.modal-backdrop:nth-of-type(2) {
z-index: 1050 !important;
}
.modal:nth-of-type(3) {
z-index: 1052 !important;
}
.modal-backdrop:nth-of-type(3) {
z-index: 1051 !important;
}
3つのネストされたモデルを開きたいとします。そのため、nth-of-type(2)とnth-of-type(3)を追加しました。