css設置背景圖片自適應

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

Author:Marydonhtml

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

/* 控制背景圖片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');             
}

說明:web

  1.Firefox,Safari,ie8及如下須要對私有屬性進行特殊聲明;瀏覽器

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

詳細介紹請移步至文章:background-size 和 css 濾鏡之AlphaImageLoaderpost

相關文章
相關標籤/搜索