實現body背景拉伸自適應 兼容chrome ie7,8,9.ie6未測試

        html, body
        {
/*此部分支持chrome，應該也支持firefox*/
            background: rgb(246,248,249);
            background: url('/styles/images/bg.jpg') no-repeat center fixed;
            background-attachment: fixed;
            background-size: 100% 100%;
/*以下是IE部分，使用濾鏡*/
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/bg.jpg',sizingMethod='scale');
            background-repeat: no-repeat;
            background-positon: 100%, 100%;
            font: normal 12px tahoma, arial, verdana, sans-serif;
            margin: 0;
            padding: 0;
            border: 0 none;
            overflow: hidden;
            height: 100%;
        }

說明：

在對象容器邊界內，在對象的背景和內容之間顯示一張圖片。並提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。

語法：

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=\'#\'" )

enabled： 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。
true：默認值。濾鏡激活。 
false：濾鏡被禁止。

sizingMethod： 可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
crop：剪切圖片以適應對象尺寸。 
image：默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。 
scale：縮放圖片以適應對象的尺寸邊界。

src： 必選項。字符串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會作用。