案例：想讓一張圖片占據整個屏幕，也就是說，當屏幕變大時背景圖片也變大并占據整個屏幕，要求一定兼容ie
一、CSS處理方法（僅IE）
二、把背景圖片做的足夠大
一般情況下，我們設計給我的圖都是1440*900的極限，然后居中顯示就會適應大部分的屏幕了。可是現在顯示器越來越大，加上Mac下Retina屏超高分辨率的虐待...當分辨率超過背景圖大小時，邊上就會變成背景色了。
所以最直觀的方法就是將背景圖的大小，翻倍，翻倍，再翻倍....只要超過主流瀏覽器最大分辨率就好了。
不過弊端很明顯，過大的圖片會極大的影響網頁的加載速度。
三、用Js/jQuery控制大小（這其實是種假象的背景自適應）
利用加入個<img>標簽，將z-index設置的低一些，然后用Js/jQuery監視窗口大小，然后改變圖片的長寬就好了。（詳細Google）
不過，這種方法，當圖片被拉伸或壓縮的過于嚴重的時候會非常可怕的.....
而且，如果屏蔽右鍵功能會很蛋疼；不屏蔽右鍵功能就露怯了。
四、利用<img>元素自適應。
這個其實和三差不多，如果是整個網頁的背景，在起始<body>后馬上加上<img>然后將CSS設置
width:100%;
height:100%;
這樣，圖片就會隨著瀏覽器的放大縮小自動縮放了。弊端也和三差不多。
新聞熱點
疑難解答
