CSS 全尺寸屏幕的 Z-index 问题

Question

在我的网站上使用这个片段，我可以在我的滑块上移动一层（我网站上滑块下面的蓝色层 https://www.dentistcypresstexas.com/）以覆盖滑块按钮。到目前为止，它可以在手机和平板电脑屏幕上运行，但不能在全尺寸屏幕上运行。反正我可以上一层

    @media only screen and (max-width: 991px) {
     .fw-container-after-slider {
      margin-top: -90px;
      z-index: 1;
        position: relative;
    }
  }

这是我的网站，感谢任何可能的帮助

Answer 1

如果你想删除项目符号，我建议如下：

#rev_slider_1_1_wrapper .hesperiden.tp-bullets { 
 display: none;
 pointer-events: none;
}

但是，如果您出于某种原因需要将子弹保留在屏幕上，而只是坐在滑块后面，请尝试以下操作：

  .fw-container-after-slider {
   margin-top: -90px; /*Edit this value for each of your @media-queries*/
   z-index: 1;
   position: relative;
 }

或完全由您合并两者:)

CSS 全尺寸屏幕的 Z-index 问题

CSS Z-index problem with full size screen

css

mobile

z-index

layer

tablet