使用透明色彩的背景圖像

我希望能夠使用覆蓋圖像的透明色彩製作背景圖像。但是，當我試圖把使用透明色彩的背景圖像

background-image: url(mylocation); 
background-color: darkgray; 
opacity: 0.5;

體內{}標籤，圖像顯示，而不是顏色，其他一切都是透明的。我非常肯定，其他一切都是透明的，因爲它們都是身體的小孩部分，但我該如何解決這個問題，這樣我就喜歡它了？

謝謝！

來源

2014-09-30 Vec10

請問你的問題的主體涉及到的稱號？他們似乎是兩個完全不同的東西？ – 2014-09-30 04:14:30

哎呀，這是來自別的標題.. – Vec10 2014-09-30 04:17:05

這些答案中的任何一個都有幫助嗎？還是你仍然堅持？ – 2014-10-01 23:55:39

試試這個：

body{ 
    background:url('Image url'); 
    opacity:0.5; 
} 

#container{ 
    background:transparent: 
} 
//=====================contain all tags

HTML設計：

<body> 
<div id="container"> 
</div> 
</body>

來源

2014-09-30 04:09:45

的背景色是一個備用如果無法顯示的圖像，而不是針對圖像背景。另請注意，opacity適用於元素的全部內容，而不僅僅是背景。

嘗試

html { 
    background:url('Image url'); 
} 


body { 
    /*Use RGBA to get transparent color*/ 
    background-color:rgba(100,100,100,0.5); 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    margin:0; 
}

Demo

雖然這可能是一個更好的選擇：

body 
{ 
    background-image: url(http://placehold.it/200x200/ff0000/ffffff&text=BG+Image); 
} 


body:before 
{ 
    display:block; 
    opacity:0.5; 
    background-color:darkgrey; 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    content:""; 
    z-index:-1; 
}

Demo

來源

2014-09-30 04:20:13

使用透明色彩的背景圖像

回答

相關問題