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