如何解决滑动滑块以重叠标题背景
我正在为我的网站使用模板,只能添加标题 css 以进行细微调整。 我有一个固定的标题(带有我想保留的响应按钮)和一个光滑的滑块。我想让我的光滑滑块图像与标题背景重叠,但要保持标题响应。 这是我在
中发现的.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
}
[dir] .slick-list
{
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
[dir] .slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,.slick-slider .slick-list
{
-webkit-transform: translate3d(0,0);
-moz-transform: translate3d(0,0);
-ms-transform: translate3d(0,0);
-o-transform: translate3d(0,0);
}
[dir] .slick-slider .slick-track,[dir] .slick-slider .slick-list
{
-webkit-transform: translate3d(0,0);
transform: translate3d(0,0);
}
.slick-track
{
position: relative;
top: 0;
display: block;
}
[dir=ltr] .slick-track
{
left: 0;
}
[dir=rtl] .slick-track
{
right: 0;
}
.slick-track:before,.slick-track:after
{
display: table;
content: '';
}
[dir] .slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
height: 100%;
min-height: 1px;
}
[dir=ltr] .slick-slide
{
float: left;
}
[dir=rtl] .slick-slide
{
float: right;
}
[dir=ltr] [dir='rtl'] .slick-slide
{
float: right;
}
[dir=rtl] [dir='rtl'] .slick-slide
{
float: left;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
}
[dir] .slick-vertical .slick-slide
{
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
</style>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。