調整背景圖像的大小始終按比例調整中心點

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。