在纹理背景顶部的透明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

在某些图像编辑器/查看器（例如XnView）中打开PNG图像，并读取中心底部附近的像素值。我得到的值为R=255 G=255 B=255 A=128，表示“白色，50％透明”。因此，它不是完全透明的，你看到的行为是预期的行为。