css設置背景圖片自適應

 

CreateTime--2017年12月25日16:36:07

Author:Marydon

控制背景圖片100%自適應填充佈局

/* 控制背景圖片100%自適應填充佈局 */
body{            
    background-image: url(java八種基本數據類型介紹.png);
    background-size:100% 100%;
    /* firefox 瀏覽器 */
    -moz-background-size:100% 100%;
    /* Safari 瀏覽器 */
    -webkit-background-size:100% 100%;
    /* ie8及如下有效 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='java八種基本數據類型介紹.png',sizingMethod='scale');             
}

說明：

　　1.Firefox，Safari，ie8及如下須要對私有屬性進行特殊聲明；

　　2.針對背景圖片與容器的大小不一致時，須要設置的屬性值也是不同的。

詳細介紹請移步至文章：background-size 和 css 濾鏡之AlphaImageLoader。