只灰色背景圖像，而不是內部元素：CSS

Question

我有一個頁面的包裝div的背景圖像。我希望圖像爲0.5不透明。我的問題是div內的所有其他項目也變成0.5不透明。這怎麼可以避免？

#detailswrapper 
{ 
    background-size:cover; 
    background-repeat: no-repeat; 
    opacity:0.5;  
} 

Answer 1

你可以使用這樣的事情

JS Fiddle

div::after { 
    content:""; 
    background: url('http://www.psdgraphics.com/wp-content/uploads/2014/02/colorful-triangles.jpg'); 
    opacity: 0.5; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    position: absolute; 
    z-index: -1; 
}