在CSS中添加疊加背景

Question

我有以下png文件（請參閱第一張圖片）。我需要在背景上添加一個藍色覆蓋圖，以便它看起來像第二個圖像。我怎樣才能使用CSS？

Answer 1

支持得最好的跨瀏覽器的方式做到的是真正讓兩個圖像，一個模糊和其他不模糊，然後它們級聯一個在另一個頂上。

body { 
    background: url(images/bg-solid.jpg) no-repeat; 
} 

#page-wrap { 
    background: url(images/bg-blurry.jpg) no-repeat fixed; 
    width: 500px; margin: 40px auto; 
}