迹忆博客
当前位置: 主页 > 学无止境 > WEB前端 > 文章

[使ie6,7,8兼容background-size属性]

发布时间: 2016-08-31 作者: 嫣然 浏览次数:

最近写项目,要用到大图做整个背景,无论大屏小屏都要展示完全,小屏不能只展示一部分,大屏不能有留白,要用到background-size:cover;这个是css3的属性,低版本的ie根本不兼容,这里又要兼容ie6,ie7,ie8,于是在网上找了各种办法,最终确定一种方法是可行的,这里分享给大家,用backgroundsize.min.htc这个插件

先看一下css代码吧。

body{background:url(../img/iwork_bg.jpg) no-repeat 0 0;background-size:cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
         padding:0;margin:0;font-family:"微软雅黑";}

标红的地方就是用到了刚才的插件。现在无论屏幕多大都可以正常显示了。

下载:backgroundsize.min.htc

赞助
迹忆博客

除非注明转载,本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: