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

Question

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

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

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

你知道为什么我的阿尔法被完全忽略了吗？

谢谢大家。

Answer 1

这是因为.backgrounddiv你已经background-color设置为#000. 而是使用transparent来修复：

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