做響應式布局的時候，如果有背景圖，我們當然希望他能夠全屏100%顯示，這樣顯得頁面非常的爆滿，不過這又出現了乙個問題，的尺寸多大合適呢，現在的瀏覽器解析度參差不齊，對於firefox等高階的瀏覽器，使用background-size設定為100%即可，而ie瀏覽器就需要不同設定。
在firefox中，只需要用background-size則可以控制其隨容器的大小而自動伸縮
1piclup
在這樣的css控制之下，則可以在firefox中達到背景隨父容器大小而自動變化，達到填充效果，但是在ie之下，你會發現上面的css控制會很不理想，它並不會因為你有了background-size:100% 100%;而自動縮放，原本怎麼樣就怎麼樣顯示，如果容器比小，則只能顯示圖上的一部分，那麼要達到這個效果，則需要使用ie特有的濾鏡。
語法
filter : progid:dximagetransform.microsoft.alphaimageloader ( enabled=benabled , sizingmethod=ssize , src=surl )
在物件容器邊界內，在物件的背景和內容之間顯示一張。並提供對此的剪下和改變尺寸的操作。如果載入的是png(portable network graphics)格式，則0%-100%的透明度也被提供。
png(portable network graphics)格式的的透明度不妨礙你選擇文字。也就是說，你可以選擇顯示在png(portable network graphics)格式的完全透明區域後面的內容。
通過上面兩種方法的介紹，我們就可以完美相容所有的瀏覽器，使用css讓背景圖100%填充。
附上background-size屬性：
background-size:規定背景影象的尺寸1.length:設定背景影象的高度和寬度。第乙個值設定寬度，第二個值設定高度。如果只設定乙個值，則第二個值會被設定為 "auto"。
2.percentage:以父元素的百分比來設定背景影象的寬度和高度。第乙個值設定寬度，第二個值設定高度。如果只設定乙個值，則第二個值會被設定為 "auto"。
3.cover:把背景影象擴充套件至足夠大，以使背景影象完全覆蓋背景區域。
4.contain:把影象影象擴充套件至最大尺寸，以使其寬度和高度完全適應內容區域。
background-position：屬性設定背景影象的起始位置。1.有left,top,right,bottom,center五個值組合顯示位置。如果只寫第乙個，第二個省略預設center。
2.x% y%:第乙個值是水平位置，第二個值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規定了乙個值，另乙個值將是 50%。
3.xpx ypx: 第乙個值是水平位置，第二個值是垂直位置。
background size屬性詳解
css background size 屬性詳解，background size 指定背景影象大小，以象素或百分比顯示，當指定為百分比時，大小會由所在區域的寬度 高度以及 background origin 的起始位置 的位置決定，還可以通過 cover 和 contain 來對進行伸縮。backg...
background size屬性詳解
cssbackground size屬性詳解，background size指定背景影象大小，以象素或百分比顯示，當指定為百分比時，大小會由所在區域的寬度 高度以及background origin 的起始位置 的位置決定，還可以通過cover和contain來對進行伸縮。background si...
background size使用詳解
設定背景的程式設計客棧大小，以長度值或百分比顯示，還可以通過cover和contain來對進行伸縮。語法 background size auto 長度值 百分比 cover contain程式設計客棧 取值說明 1 auto 預設值，不改變背景的原始高度和寬度 2 長度值 成對出現如200px 5...