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索引问题

1 个答案: