微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

是否有任何自定义CSS可以在Slick Slider轮播中删除图像上的灰色覆盖层?

如何解决是否有任何自定义CSS可以在Slick Slider轮播中删除图像上的灰色覆盖层?

我正在使用光滑滑块在WP中的标题轮播上编辑图像。当我上传图像时,我放在图像上的文字叠加层(PS中为亮白色字体)一旦上传,就会变成暗灰色。分辨率不是问题,因此我认为要消除的图像上会有覆盖层。我尝试了一些自定义CSS都没有用,有人可以提供任何解决方案吗?

解决方法

似乎您在.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.15);
    z-index: 1;
}

所以我想您需要修改background属性,因为不透明度为0.15。 尝试在上面的类中进行设置: 改为background: none;background: rgba(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) !important;
        opacity: 0;
        z-index: 1;
    }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。