ionic 3使关闭按钮与模式的右上角重叠

Question

我想制作一个关闭按钮，并将按钮的中心放在模态的右上角，这意味着关闭按钮的一部分将不在模态中。 我将关闭按钮的scss设置如下：

.closeBtn {
        position: absolute;
        top: -20px;
        right: -20px;
        z-index: 99999;
    }

但是，它不起作用。 我调查了原因，并发现离子态模态已设置2个父级div

overflow: hidden

因此关闭按钮的一部分将不会显示。 因此，如何使关闭按钮的一部分超出模式尺寸？

Answer 1

您应该更改溢出属性以使其可见。

如果要更改模式容器的样式而不将样式更改为所有模式，可以在modalController.create方法的options参数内传递一个cssClass属性，如下所示：

this.modalController.create('MyModalPage', {}, {cssClass: 'my-modal-class'})

您可以在离子文档中进行检查：Modal Controller api docs