0
点赞
收藏
分享

微信扫一扫

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


举报

相关推荐

0 条评论