Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css ionic 3使关闭按钮重叠在modal的右上角_Css_Ionic Framework - Fatal编程技术网

Css ionic 3使关闭按钮重叠在modal的右上角

Css ionic 3使关闭按钮重叠在modal的右上角,css,ionic-framework,Css,Ionic Framework,我想制作一个关闭按钮,并将按钮的中心放置在模态的右上角,这意味着关闭按钮的一部分将脱离模态。 我已将关闭按钮的SCS设置如下: .closeBtn { position: absolute; top: -20px; right: -20px; z-index: 99999; } 但是,它不起作用。 我调查了原因,发现爱奥尼亚有两个父母 overflow: hidden 因此,部分关闭按钮将不会显示。 因此,如何使关闭按钮

我想制作一个关闭按钮,并将按钮的中心放置在模态的右上角,这意味着关闭按钮的一部分将脱离模态。 我已将关闭按钮的SCS设置如下:

.closeBtn {
        position: absolute;
        top: -20px;
        right: -20px;
        z-index: 99999;
    }
但是,它不起作用。 我调查了原因,发现爱奥尼亚有两个父母

overflow: hidden
因此,部分关闭按钮将不会显示。
因此,如何使关闭按钮的一部分脱离模式大小?

您应该更改overflow属性以使其可见

如果要更改模态容器的样式而不更改所有模态的样式,可以在modalController的options参数内传递
cssClass
属性。创建方法如下:


this.modalController.create('MyModalPage',{},{cssClass:'my modal class'})
make overflow-visible-of-parent-divas-overflow-hidden属性是在ionic中设置的,所以我无法控制parent-divs我们可以在style.css文件中重写这些类来更改ionic-css,然后它将重写所有模态css,对吗?