全屏之后弹窗的打开问题

Question

页面主体部分全屏后，页面中的所有弹窗和下拉框不能显示，退出全屏后，弹窗正常。原因：项目主体全屏后，层级最高，弹出会被盖在app层级下面，不管怎么设置z-index都无济于事，不能显示，应该如何解决

Answer 1

【相关推荐】

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7659627
• 除此之外, 这篇博客: 一个挺好看的分类展示效果中的 第二：z-index 层级 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  .panels ： z-index: 2;
  .content ： z-index:4;
  .color ： z-index: 3;
  

  只要弄懂以上2点起到什么作用基本上就没什么大问题了。

  对了，这里还要提一句，展示列在鼠标悬停的时候其他列会被置暗，我的习惯逻辑是布一层遮罩，开始我也是这么去操作的。但是完成的时候总会有一点卡顿，没有原网站上那么圆润，看了下代码，发现它是通过调整成较暗的背景颜色和字体来实现的。。。优秀，又学到一门手艺。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^