Question

我正在把头发拉出来，过去几个小时我一直在查看CSS。我无法弄清楚如何在本网站顶部的滑块上获得背景颜色，以获得与页面所有其他部分相同的透明效果。任何比我更聪明的人的帮助将不胜感激。这是页面： http://rattletree.com/wordpress2/

我已将这个CSS放在几乎所有可以告诉我与滑块相关的div中，但仍然没有运气。任何帮助将不胜感激。

这是我到目前为止所尝试的内容：

.et_pb_fullwidth_code.et_pb_module{
background:transparent!important;
background: rgba(0,90,100,0.4)!important;
}

.recent-post-slider.design-4 .post-image-bg{
background:transparent!important;
background: rgba(0,90,100,0.4)!important;
}

.slick-slider{
background:transparent!important;
background-color: rgba(0,90,100,0.4)!important
}

.et_pb_section_0{
background:transparent!important;
background-color: rgba(0,90,100,0.4)!important
}

Answer 1

我检查你的代码并找到问题的答案 1）您将背景颜色设置为多个元素，使其重叠并以完全不透明度完成。所以首先只保留一种背景色

2）背景图片不是所有文章的背景，只是内容，所以我们也需要修复。

此代码可能会解决您的问题：

/* FIX BACKGROUNDS */
.et_pb_fullwidth_code.et_pb_module{
    background:transparent!important;
    background: rgba(0,90,100,0.4)!important;
}
/* FIX BACKGROUND_IMAGE */
.et_parallax_bg et_pb_parallax_css {
    background-image: none;
}
.et_pb_section.et_pb_section_parallax.et_pb_section_1.et_pb_with_background.et_section_regular {
    background-color: transparent;
}
article#post-37 {
    background-image: url(http://rattletree.com/wordpress2/wp-content/uploads/2015/09/91815-JoelLavioletteandRattletree-Rattletree-027.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachement: fixed;
}

祝你有个美好的一天，你应该在你的HTML中使用ID。

无法在此滑块

1 个答案: