缩放CSS中的背景

Question

这不完全是关于在CSS中为网站制作背景图像，所以不要将其标记为重复。

我需要复制以下背景，但在CSS中。 我在网站上实现了各种渐变，但这更像是在屏幕边缘变暗，我不知道如何实现这一点，特别是在CSS中。 如果有一个很好的方法来处理图像，请告诉我。

谢谢！

Answer 1

您可以尝试插入box-shadow http://jsfiddle.net/46JxH/

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

或背景图片与background-size ：100％100％;。

Answer 2

如果您将使用图像，可以尝试CSS3 background-size：cover

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;
}

你可以在这里阅读更多