CSS3背景圖像：居中和固定大小

Question

我有背景圖像的問題。

我已經有一個大小爲2538 x 559px的圖像，無論窗口的分辨率或大小如何都應該居中。背景圖像應該有固定的大小，它不能縮放。在圖像的中間是特定位置的文本形式，這就是圖像不能縮放的原因。

如果我們有一個小的分辨率，或者如果窗口變小，中心仍然應該是可見的，圖像應該左右切割。

我嘗試了很多我瀏覽和發現的東西，沒有任何幫助。你能幫我麼？

非常感謝！

Answer 1

你試過：

background-position: center; 
background-size: 2538px 559px; 

Answer 2

必須設置background-position爲百分比：

body 
{ 
    height: 100%; 
    width: 100%; 
    background: url('path/to/file.png') no-repeat; 
    background-position: 50% 50%; 
    background-size: 1920px 1200px; 
} 

這保證了它會採取容器的寬度的百分比始終在中心顯示它，切割圖像的左側和右側。

爲了始終保持bg圖像的大小相同，您應該使用background-size:屬性。請注意，這是一個CSS3屬性，IE不支持它。

http://jsfiddle.net/Kyle_Sevenoaks/QY5NQ/