Angular 2 ng-bootstrap打開多個模型

Question

我正在嘗試使用ng-bootstrap在另一個模型之上打開模式。 該模型已按預期方式打開，但第二個模型的模態背景落后於第一個模型。

模型已作為文檔打開。 沒什么特別的。

Answer 1

我設法通過添加以下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）

Answer 2

將此樣式添加到您的代碼中：

.modal {
    background: rgba(0,0,0,0.3);
}

然后通過將顯示設置為“無”來禁用模式背景

要么

在div中包含mdbModal屬性的模板中設置aria-hidden =“ false”