奇怪的透明度问题答案

【问题标题】：Strange transparency issue奇怪的透明度问题
【发布时间】：2018-05-04 00:28:18
【问题描述】：

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

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

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

亲切的问候巴杜尔 M

【问题讨论】：

您需要edit 并添加一个repro 作为stack snippet
不幸的是，这个问题对于stackoverflow的格式很差。通常不鼓励链接到整个站点或外部代码源。理想情况下，您应该在 Will 链接的堆栈 sn-p 中重新创建问题；但是一旦您尝试，您就会意识到该行是由于一个简单的错误造成的，并且没有必要更新问题。在这种情况下，您的问题的解决方案是您在 .tweak-overlay-parallax-enabled .Parallax-item 规则上有一个背景颜色。删除它，它将被修复。因为这对未来并没有真正的帮助......
访客，我建议您在解决问题后关闭此问题。这可能对未来遇到类似问题的访问者没有好处。
那或者您可以将该规则的背景颜色设置为#1d1f24
去掉.Parallax-item线上的893

【解决方案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：

你在下面的类中改变了 body 的背景颜色

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

【讨论】：

【解决方案2】：

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

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

div{
Border: 0px, solid;
}

也不要在我有的地方使用大写字母，因为我是用手机输入的。

感谢您的宝贵时间

【讨论】：