css - 定位一个覆盖整个屏幕的div，如何让一个元素脱颖而出？

Question

我正在尝试生成一个涵盖我所有应用程序的屏幕。但我希望菜单圈突出，用户可以与它进行交互，而应用程序的其余部分有一个 div，其中一个名为screen的类覆盖了我的屏幕的 100%。

<div class="screen"></div>
.screen{
  position: fixed;
  background: black;
  height: 100vh;
  width:100%;
  top:0px;
  left:0px;
  opacity:0.9;
}

我该怎么做？

我只得到这个：

我分享我正在做的源代码，如果你想编辑一些东西，你必须修改app/app.css文件（css）和pages/home/home.ts（.js），才能实时看到。

https://stackblitz.com/edit/multi-level-side-menu-waldmo?file=pages%2Fhome%2Fhome.html

标签： cssionic-frameworkionic2ionic3

Answer 1

使用 z-index 使其上升到 9999 级别

z-index: 9999;

也定位它

position: relative;

z-index 用 99 覆盖页面的 div 和 z-index 用 100 的按钮