Ionic ion-tabs 不断覆盖我的页面覆盖 Div

Question

我有标签，我正在尝试制作一个覆盖的 div...但是标签不能让这种情况发生

 .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 99; }

 <div class="overlay"></div>

不锈钢：

我能做些什么来实现覆盖整个视图？

Answer 1

使用默认 ShadowDom 配置对 css 进行范围界定正在成为阻碍。 您可以将您的风格放在全局（应用程序）中，它会起作用。

    @Component({
      templateUrl: 'app.html',
      styleUrls: ['app.css'],
    })

您可以修改ViewEncapsalation ，但最好使用全局组件/指令/事件来传播 state 更改并更新适当的作用域父组件

我建议看看LoadingControl是如何构建的。 您可以将其用作灵感或升级到 Ionic 的更新版本 - 似乎您正在使用Ionic3 。