在CSS中縮放背景

Question

這不完全是關於在CSS中爲一個站點製作背景圖片，所以不要將其標記爲重複。

我需要複製以下背景，但在CSS中。我在網站上實現了各種漸變，但這更像是圍繞屏幕邊緣變暗，我不知道如何實現這一點，特別是在CSS中。如果有一個很好的方法來處理圖片，請讓我知道。

謝謝！

Answer 1

您可以嘗試插入box-shadowhttp://jsfiddle.net/46JxH/

box-shadow:inset -70px 0 200px -30px rgba(0,0,0,.75); 

或背景圖片與background-size：100％100％;.

Answer 2

如果您要使用的圖像，你可以嘗試CSS3背景大小：覆蓋

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

你可以閱讀更多here