有任何自定义 CSS 可以删除 Slick Slider 轮播中图像上的灰色覆盖吗?
Any Custom CSS to remove a grey overlay on images in Slick Slider carousel?
我正在使用光滑滑块的 WP 中的 header 旋转木马上编辑图像。当我上传图片时,我放在图片上的文本叠加层(PS 中的亮白色字体)在上传后变成暗灰色。分辨率不是问题,所以我相信我正在努力删除图像上的叠加层。我已经尝试了一些自定义 CSS 无济于事,任何人都可以提供任何解决方案吗?
您似乎在 class .banner .banner-images .banner-images-image:before
中设置了叠加层。
设置如下:
.banner .banner-images .banner-images-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.15);
z-index: 1;
}
所以我猜你需要修改背景 属性 因为不透明度为 0.15。
尝试在上面设置class:
background: none;
或 background: rgba(0,0,0,0);
或 opacity: 0;
代替。如:
.banner .banner-images .banner-images-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0) !important;
opacity: 0;
z-index: 1;
}
我正在使用光滑滑块的 WP 中的 header 旋转木马上编辑图像。当我上传图片时,我放在图片上的文本叠加层(PS 中的亮白色字体)在上传后变成暗灰色。分辨率不是问题,所以我相信我正在努力删除图像上的叠加层。我已经尝试了一些自定义 CSS 无济于事,任何人都可以提供任何解决方案吗?
您似乎在 class .banner .banner-images .banner-images-image:before
中设置了叠加层。
设置如下:
.banner .banner-images .banner-images-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.15);
z-index: 1;
}
所以我猜你需要修改背景 属性 因为不透明度为 0.15。
尝试在上面设置class:
background: none;
或 background: rgba(0,0,0,0);
或 opacity: 0;
代替。如:
.banner .banner-images .banner-images-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0) !important;
opacity: 0;
z-index: 1;
}