1、嘗試以下css代碼，對(duì)每個(gè)分辨率設(shè)置不同的背景圖片：

/* 大屏幕 */
@media (min-width: 1200px) { ... }
  
/* 平板電腦和小屏電腦之間的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }
  
/* 橫向放置的手機(jī)和豎向放置的平板之間的分辨率 */
@media (max-width: 767px) { ... }
  
/* 橫向放置的手機(jī)及分辨率更小的設(shè)備 */
@media (max-width: 480px) { ... }

2、利用css3新屬性：background-size
具體使用方法可以百度：css3 background-size

3、利用絕對(duì)定位方法，例如背景圖是body層的，可以在body里建立一個(gè)div，div中插入img標(biāo)簽，也就是你的背景，長(zhǎng)寬是100%，div的長(zhǎng)寬也是100%（body、html標(biāo)簽要在css中設(shè)置長(zhǎng)寬100%，常被忽略，雖然看似沒(méi)有，但是有效的），代碼例如：

<style type="text/css">
html, body { width:100%; height:100%; margin:0; padding:0;}
.divBg { position:absolute; left:0; top:0; height:100%; width:100%;}
.divBody{ position:absolute; left:0; top:0; height:100%; width:100%; text-align:center;}
</style>
<div class="divBg"><img src="/uploads/allimg/130827/1035506194-0.gif" height="100%" width="100%" /></div>
<div class="divBody">
    <div class="yourcss">
        <h1>文字內(nèi)容在這里，不受影響</h1>
        <h1>文字內(nèi)容在這里，不受影響</h1>
        <h1>文字內(nèi)容在這里，不受影響</h1>
        <h1>文字內(nèi)容在這里，不受影響</h1>
        <h1>文字內(nèi)容在這里，不受影響</h1>
    </div>
</div>

類(lèi)似的，如果想要做固定區(qū)域的背景圖，一樣可以相對(duì)于父級(jí)元素長(zhǎng)寬設(shè)定。
如圖：

代碼示例下載：點(diǎn)擊下載示例代碼

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無(wú)需額外費(fèi)用，即可穩(wěn)步提升排名至首頁(yè)。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。