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）的樣式也有一個堅實的黑色背景（＃000）在其上的背景圖片的股利。如果您刪除：

background-color: #000; 

從您的來源看，它看起來是你想要的樣子！

Answer 3

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

這是正確的CSS。