在纹理背景上的透明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％”。 因此，它不是完全透明的，并且您看到的行为是预期的行为。