css - 纹理背景顶部的透明PNG

Question

我在使用透明 PNG（渐变）时遇到问题，当将图像放在带纹理的背景上时，PNG 会被白色半透明颜色填充，我不知道为什么。

我需要它只是透明的。

请参阅这张照片的顶部。 http://i48.tinypic.com/33o71vt.jpg

下面是css/less：

@import "bootstrap/bootstrap.less";

#bgWrapper {
    min-height: 100%;
    height:     100%;
background-image:url('/media/images/site/FrontpageTopBg.png');
    background-repeat:repeat-x;
}

#homepage {
    margin: 0 auto;
    width: 970px;
}

#teaser{
    float: left;
    height: 343px;
}

Answer 1

你的 png 在它下面有一个半透明的白色背景层（用图像编辑器打开它并在 png 下添加一个红色背景层 - 红色背景会变得更亮）。

你需要从头开始制作一个新的 png 并确保没有半透明的背景。

Answer 2

在一些图像编辑器/查看器中打开您的 PNG 图像，例如 XnView，并读取靠近底部的像素值，在中心。我得到一个值R=255 G=255 B=255 A=128，这意味着“白色，50% 透明”。因此，它不是完全透明的，您看到的行为是预期的。