1

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

我的网站：http ://webdev.edulence.com/getchell/

他们的网站： http: //getchellcompanies.com

4

4 回答 4

1

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

见：http ://www.css3.info/introduction-opacity-rgba

于 2012-05-04T21:02:52.583 回答
1

因为在您的图像中，图像是不透明度的子代：0.6 而在他们的图像中则不是：

在此处输入图像描述

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

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

于 2012-05-04T21:04:18.937 回答
0

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

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

于 2012-05-04T21:03:37.800 回答
0

我看到的区别是这样的。他们有

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

之后的两个图像是相同的宽度和高度。

.translucentColorBar {
    opacity: 0.6;
}

.xACC63F {
    background-color: #ACC63F;
}
于 2012-05-04T21:05:22.050 回答