Question

我的标题图片看起来淡化了。我将不透明度设置为60％，所以我怀疑这就是为什么会发生这种情况，但由于某种原因，它不会发生在网站上我试图用完全相同的设置进行复制。

Answer 1

而不是使用不透明度，而是在元素上使用RGBa - alpha通道。

Answer 2

因为你的图像是不透明度的孩子：0.6而在他们的图像中不是：

enter image description here

那是他们的HTML。蓝线是不透明度的div，红线是div +图像。他们是兄弟姐妹。

在你的代码中，他们不是兄弟姐妹，而是红色是蓝色的孩子。

Answer 3

是的，这是因为在text.css中#logo上设置为0.6的不透明度。参考站点（http://getchellcompanies.com）也设置了不透明度，但它不在LOGO上，而是在与#logo ID一起放在div上的另一个DIV上。

我希望制作相同的结构会为你提供相同的结果。

Answer 4

我看到的不同之处在于此。他们有

<div class="translucentColorBar xACC63F" style="height: 116px;"></div>

两幅图像的宽度和高度相同。

.translucentColorBar {
    opacity: 0.6;
}

.xACC63F {
    background-color: #ACC63F;
}