如何使背景圖像不能在html中調整大小？

body { 
    background: url('../../asset/background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

這是我的背景圖片代碼。我希望圖片在調整瀏覽器大小時不能調整大小。如何使背景圖像不能在html中調整大小？

來源

2012-12-28 Michael Yuzhiheng Xiao

您不應該使用background-size:cover;。使用這個CSS，你告訴瀏覽器你想讓背景圖像展開以覆蓋整個背景區域。

如果你想要的背景圖像居中，而不是調整大小，只是這樣做：

body { 
    background: url('../../asset/background.jpg') no-repeat center center; 
}

您可以在定位你喜歡的，here are more options任何方式的背景。

來源

2012-12-28 23:18:04

我想要背景圖片展開並覆蓋整個背景區域。但我不想在調整瀏覽器大小時調整圖像大小 –

background：url（'../../ asset/background.jpg'）no-repeat center center; \t background-size：100％100％;我通過將上面的代碼放在div標籤下解決了這個問題。謝謝！！！ –

嘗試設置背景大小：

background-size: 100px 100px;

來源

2012-12-28 23:18:37 user1884047

這是唯一的好答案，只有當你指定一個適合它的固定寬度或高度時，如果瀏覽器窗口變小，中心中心的答案也會重新調整 – Notflip

設置background-size到cover佔據div的空間。見this。

刪除background-size屬性，它會正常工作。

來源

2012-12-28 23:22:31

如何使背景圖像不能在html中調整大小？

回答

相關問題