全尺寸屏幕的 CSS Z 索引问题



在我的网站上使用此代码段,我可以在滑块上向上移动一层(我网站上滑块下方的蓝色图层 https://www.dentistcypresstexas.com/(以覆盖滑块按钮。到目前为止,在手机和平板电脑屏幕上它有效,但在全尺寸屏幕上不起作用。 无论如何,我可以向上移动一层

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

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

如果你想删除项目符号,我会建议如下:

#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;
}

或者完全由您决定:)

相关内容

  • 没有找到相关文章

最新更新