Css 纹理背景顶部的透明PNG

我有一个关于透明PNG（渐变）的问题，当把图像放在有纹理的背景上时，PNG会被白色半透明填充，我不知道为什么

我只需要它是透明的

请看这张照片的顶部。

以下是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;
}

---

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

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

---

在一些图像编辑器/查看器（例如XnView）中打开PNG图像，然后读取底部附近、中间的像素值。我得到的值是

R=255g=255b=255a=128

，意思是“白色，50%透明”。因此，它不是完全透明的，您看到的行为是预期的。

请提供指向您的PNG的链接。很可能它本身有一个轻微的白色背景，你在图像编辑器中没有注意到。用小提琴就好了。你确定在制作png时在Photoshop中删除了白色背景层吗？我已经将背景更新为png 24位图像。不完全透明的透明图像：背景纹理：estrar:完全确定。我将其保存为web，png 24位，并且没有背景色。