奇怪的透明度问题

Question

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

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

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

亲切的问候巴杜尔 M

Answer 1

好的

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

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

body {
   background-color:#1d1f23
}

然后在主要内容 div 上应用透明度，因此它会采用 body 的背景颜色（其背后的颜色）。

这是您的选择：

选项 1：

你改变 .tweak-overlay-parallax-enabled 的 background-color .Parallax-item class 像这样：

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

选项 2：

你把下面的body改成background-colorclass

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

Answer 2

.Tweak-overlay-parallax-enabled.parallax-  item{
Background-color: #1d1f23;
}

您还需要将 div 颜色更改为与背景颜色相同，并将边框设置为 0 像素：

div{
Border: 0px, solid;
}

也不要在我有的地方使用大写字母，因为我是从 phone.

中输入的

感谢您的宝贵时间

Strange transparency issue