最近在用Ionic4做项目,用到了popover组件,发现Android6环境中,在ion-content中使用没问题,但是如果在ion-header组件中使用就有问题了,如图,主体内容显示不了:
但是在ion-content中使用确实能显示:
于是用谷歌真机调试一番:得到解决方法:重新设置ion-page的z-index值。
// ion-page
.ion-page{
// 解决在Android6 中,popover在ion-header上无法显示主体内容的BUG
z-index: inherit !important;
}
重新打包,就能正常显示了: