html - 奇怪的透明度问题

Question

我的视差标题有一个奇怪的透明度问题。查看:据我所知，横幅容器的样式应该是 100% 透明的，但它在两个容器相交的地方一直显示出微弱的边缘。它发生在整个网站www.bardurm.com

大家知道这是什么原因吗？它与浏览器显示不透明度的方式有关吗？

我们将不胜感激解决此问题的任何帮助

亲切的问候巴杜尔M

Answer 1

好的

首先你的第一个 div 有不同于 body 的颜色

.tweak-overlay-parallax-enabled .Parallax-item {
   background-color: #1e2024
}

body {
   background-color:#1d1f23
}

然后您在主要内容 div 上应用透明度，以便它采用正文的背景颜色(它后面的颜色)。

这是您的选择:

选项 1:

您可以像这样更改 .tweak-overlay-parallax-enabled .Parallax-item 类的背景颜色:

.tweak-overlay-parallax-enabled .Parallax-item{
    background: none;
    background-color: #1d1f23;
}

选项 2:

您在下面的类中更改主体背景颜色

.tweak-overlay-parallax-enabled.has-parallax-images:not(.tweak-site-width-option-constrained-width) {
    background-color: #1e2024 !important;
}