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');             
}

说明：

Firefox，Safari，ie8及以下需要对私有属性进行特殊声明；

针对背景图片与容器的大小不一致时，需要设置的属性值也是不一样的。

详细介绍请移步至文章：​​background-size​​ 和 ​​css 滤镜之AlphaImageLoader​​。

 作者：Marydon