最佳答案
您可以在 <ion-content>
之外创建 div :
<div class="my-overlay" padding [hidden]="overlayHidden">
<button full (click)="hideOverlay()">Click me</button>
</div>
使用 CSS:
.my-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: 20;
top: 0;
left: 0;
}
在类声明中添加(在构造函数之前):
overlayHidden: boolean = false;
和(在构造函数之后):
public hideOverlay() {
this.overlayHidden = true;
}
关于angular - 如何在 ionic 2 中创建叠加页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39221325/