縮小背景圖片的解決方案

Question

我有一個PSD模板將其轉換爲HTML。當我縮小瀏覽器時，如何處理背景食物圖像（在圖像上突出顯示紅色）？總寬度爲1300px，容器爲1000px。最好的方法是什麼？我重複他們嗎？怎麼樣？你會怎麼做？謝謝。

Answer 1

請試試這個：

html { 
    background: url(images/yourimage.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Answer 2

基本上你可以通過2種的方法來弄完......

1. 使用3級不同的div的制定。

<div class="left-div"><img src="food_img1.ong"/></div> 
<div class="inner-div">Here goes main container</div> 
<div class="right-div"><img src="food_img2.ong"/></div> 

嘗試使用由用戶薩蒂亞如上給出的方法，

 
html,body{ 
    background:#333333 url(../img/bg/bg3.jpg) no-repeat center center; 
    background-size: cover; 
}