奇怪的透明度问题

时间:2017-11-20 17:34:47

标签: html css opacity transparent squarespace

我的parralax标题有一个奇怪的透明度问题。 看看:Transparency issue 据我所知,横幅容器的样式应该是100%透明的,但它会在两个容器相遇的地方显示出微弱的边缘。 它通过网站www.bardurm.com

发生

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

任何有助于解决此问题的帮助都会受到极大的关注

亲切的问候 Bardur M

2 个答案:

答案 0 :(得分:1)

确定

首先,你的第一个div有另一种颜色而不是身体

.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;
}

答案 1 :(得分:1)

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

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

div{
Border: 0px, solid;
}

另外,请不要使用大写字母,因为我是通过手机输入的。

感谢您的时间