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 并确保没有半透明背景。