[草稿]關於網頁全屏背景圖片的處理方案

中國流的話，都是比較簡單的100%高寬

<!-- <div id="web_bg" style="width:100%; height:495px; z-index:-1"> 
  <img src="images/head_pic1.jpg" alt="北大青鳥" height="495" width="100%" /> 
</div> --> 

via http://www.jb51.net/css/155305.html

雖然程式碼簡短，不過這樣會導致背景圖片失真，所以海外流一般是通過 background-size:cover 來處理，或者結合 background-position 來調整，只是這個不支援 IE6 之類的老舊瀏覽器。

海外流:

• http://webdesign.about.com/od/css3tutorials/a/browser-size-cover.htm
• http://stackoverflow.com/questions/25515553/how-to-make-css-background-image-responsive
• http://sixrevisions.com/css/responsive-background-image/

完美主義者的方案，還是為每個螢幕都搞一張圖片吧！

• http://www.smashingmagazine.com/2013/07/22/simple-responsive-images-with-css-background-images/