调整背景图像的大小始终按比例调整中心点

Question

我希望能够在调整大小时重现此网站图像的行为。

看起来背景图像有一个中心点，当图像不能保持其比例尺度时，图像开始剪裁。

下面是一个例子：

http://themes.evgenyfireform.com/wp-jad/

现在我的背景有下面的CSS：

#bg { 
    position: fixed; 
    top: 0; 
    left: 0px; 
    width:100%; 
} 

的问题是，它是固定的，我希望它当图像可以裁剪不成比例。

Answer 1

您正在寻找这样的组合：

background-position:50% 50%; /* Sets reference point to scale from */ 
background-size:cover;  /* Sets background image to cover entire element */ 

Working sample fiddle here。

请注意，这是not supported by IE8，如果您需要支持IE8或更高版本，则需要JS hackery。