我想添加一個半透明的顏色層到一個div的背景圖像的頂部。我曾嘗試以下:沒有包裝的圖像上的透明顏色
background: url('myImage.jpg'), rgba(0,0,0,0.5);
而且
background-image:url('myImage.jpg');
background-color:rgba(0,0,0,0.5);
但在這兩種情況下,只是將圖像顯示出來。我知道我可以用這種顏色將這個div包裹在另一個div中,但是有什麼辦法可以在單個div中完成嗎?
你的第一個版本似乎在Chrome中工作正常:http://jsfiddle.net/w8H8d /。但是,瀏覽器的支持仍然有點多餘:http://www.css3.info/preview/multiple-backgrounds/ – fordareh
@fordareh - 實際上,支持是相當不錯的,即使IE9支持它(其中,考慮到團隊的bizzarre選擇關於支持什麼,是令人印象深刻的)。 http://caniuse.com/#feat=multibackgrounds – Shauna
是的 - 我同意,這只是我沒有任何麻煩,看你的代碼在小提琴中。所以,我想你可能是在IE8中。但是,看起來你已經照顧好了。 – fordareh