将背景图像设置为具有部分透明度的图像

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