標準瀏覽器通過background-size屬性設定;IE8以下通過濾鏡實現。

程式碼如下:

1 /* IE8 */
2 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='demo.jpg', sizingMethod='scale'); 
3 -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='demo.jpg', sizingMethod='scale');
4  
5 /* 標準瀏覽器 */
6 background-size: cover;
 

上述程式碼中:

1. 引數 src 是圖片路徑，sizingMethod = 'scale' 表示濾鏡的尺寸方法為自適應容器大小;
2. cover表示：將背景影象等比縮放到完全覆蓋容器，背景影象有可能超出容器。