一、現背景圖片的自適應分辨率：
<body>
<div id="web_bg" style="position:absolute; width:99%; height:99%; z-index:-1">
<img style="position:fixed;" src="<%=path%>/file/img/welcome_bkg.jpg" height="98%" width="99%" />
</div>
</body>
二、3種方法使背景圖隨電腦分辨率改變，兼容新老辦法
1、嘗試以下css代碼，對每個分辨率設置不同的背景圖片：
/* 大屏幕 */ @media (min-width: 1200px) { ... } /* 平板電腦和小屏電腦之間的分辨率 */ @media (min-width: 768px) and (max-width: 979px) { ... } /* 橫向放置的手機和豎向放置的平板之間的分辨率 */ @media (max-width: 767px) { ... } /* 橫向放置的手機及分辨率更小的設備 */ @media (max-width: 480px) { ... }
2、利用css3新屬性：background-size
具體使用方法可以百度：css3 background-size
3、利用絕對定位方法，例如背景圖是body層的，可以在body里建立一個div，div中插入img標簽，也就是你的背景，長寬是100%，div的長寬也是100%（body、html標簽要在css中設置長寬100%，常被忽略，雖然看似沒有，但是有效的），代碼例如：
<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>文字內容在這里，不受影響</h1> <h1>文字內容在這里，不受影響</h1> <h1>文字內容在這里，不受影響</h1> <h1>文字內容在這里，不受影響</h1> <h1>文字內容在這里，不受影響</h1> </div> </div>
類似的，如果想要做固定區域的背景圖，一樣可以相對於父級元素長寬設定。
如圖：
