div标签中的透明PNG，不使用alpha？答案

【问题标题】：Transparent PNG in a div tag, not using alpha?div标签中的透明PNG，不使用alpha？
【发布时间】：2011-09-04 04:08:40
【问题描述】：

我在开始学习 CSS 时遇到了一个奇怪的问题。 This 是一个测试页。它有一个大的透明PNG，覆盖了纯蓝色的背景颜色。

通常情况下，黑色图像（其中有透明孔）会完全遮住我的背景颜色。

在这个示例页面中，我将图像的 div 设置为透明，以查看背景是否仍在工作。

任何想法为什么我的 alpha 被完全忽略？

谢谢大家。

【问题讨论】：

【解决方案1】：

这是因为在 .backgrounddiv 上，您将 background-color 设置为 #000。而是使用transparent 来修复：

.backgrounddiv {
    position:absolute;
    background-color: transparent;
    background-image:url(POCTransparentBG.png);
...

【讨论】：

【解决方案2】：

.backgrounddiv {
    position:absolute;
    background: transparent url('POCTransparentBG.png');
}

这是正确的 css。

【讨论】：

【解决方案3】：

我刚刚查看了您的页面，似乎带有背景图像的 div (backgrounddiv) 的样式也具有纯黑色背景 (#000)。如果您删除：

background-color: #000;

从您的来源来看，它看起来就是您想要的样子！

【讨论】：