Question

我正在使用Toast来显示消息。当它不在ModalController之上烘烤消息时，它可以正常工作。
所以可能是因为吐司的z指数较低。

我尝试过的事情：
改变离子模态的z指数。（如下所示）使用ToastController。（在浏览器中有效，但在设备上无效，因此我切换到Toast）

ion-modal{
    z-index:1 !important;
    .modal-wrapper{
        z-index:1;
    }
    ion-backdrop{
        z-index:2;
    }
}


**********
Your system information:

 ordova CLI: 7.0.1
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.2
Xcode version: Not installed

Answer 1

z-index的古怪之处在于它只适用于拥有它的元素。因此，如果你在模态而不是吐司上定义z-index，它将不会影响后者。

尝试在吐司上应用z-index，高于模态的吐司。

此外，请始终记住，任何具有z-index的元素都需要具有relative或absolute的位置。

使用modalController时未显示Ionic Native Toast消息

1 个答案: