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

Question

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

通常黑色图像（其中有透明孔）会使我的背景颜色完全变黑。

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

为什么我的alpha被完全忽略了？

谢谢大家。

Answer 1

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

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

Answer 2

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

这是正确的CSS。

Answer 3

我只是查看了你的页面，看起来像背景图片（backgrounddiv）上的div也被设计为具有纯黑色背景（＃000）。如果删除：

background-color: #000;

从你的来源看，它看起来就像你想要的那样！