將背景圖像設置爲具有部分透明度的圖像

Question

我試圖將一個div與部分透明背景（意思是圖像的區域是空白的 - 不是X％不透明度）放在另一個div上。

#about { 
    background-image:url('http://i.imgur.com/B922OoM.png'); 
    background-position: center; 
    background-repeat: none; 
    background-size: cover; 
    background-color: transparent; 
    z-index: 2; 
    height: 450px; 
    width: 100%;  
} 

我不能讓div不填充圖像後面的白色。

的jsfiddle： - （我敢肯定，圖像被正確導出 - 如果改變background-color:transparent到background-color:blue，你就會明白我的意思）http://jsfiddle.net/4HAxu/相關DIV是#about

Answer 1

你的形象很好。 這就是您的#header實際上並沒有向下延伸的事實。如果你改變背景顏色你body你會看到這是不是你的#about DIV是顯示它的背後是白色

Red BG body JSFiddle

爲了緩解這個問題，如果你真的疊加您div是你會把body得到我認爲你想要達到的效果。

Overlayed divs with negative top margin