代码之家 › 专栏 › 技术社区 › user1902043

奇怪的透明度问题

squarespace transparent opacity css html

0

user1902043 · 技术社区 · 7 年前

我的parralax头球有一个奇怪的透明度问题。过来看: 据我所知,横幅容器的样式应该是100%透明的,但在两个容器相交的地方,它始终显示出一条模糊的边缘。它发生在整个网站上 www.bardurm.com

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

如果有任何帮助来解决这个问题,我们将不胜感激

亲切的问候巴杜尔M

2 回复 | 直到 7 年前

1

zagzter 7 年前

好啊

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

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

body {
   background-color:#1d1f23
}

然后在主内容分区上应用透明度,使其采用主体的背景色(其后面的颜色)。

以下是您的选择:

选项1:

您可以更改的背景色。启用调整覆盖视差。视差项目类如下:

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

2

1

Joshua Charles Pickwell 7 年前

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

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

div{
Border: 0px, solid;
}

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

谢谢你抽出时间