单击以下代码中的事件在<app-tab-nav>包含 '' 组件时不起作用

Question

当包含<app-tab-nav>组件时，单击下面代码中的事件不工作

<ion-content [fullscreen]="true">
<div id="container">
<ion-button (click)="logout()">Logout</ion-button>
</div>
</ion-content>
<app-tab-nav activeTab="home"></app-tab-nav>

你知道这里有什么问题吗？

#container {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}

Answer 1

问题在css中，添加z-index:1后问题得到修复

#container {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index:1;
}