[使ie6,7,8兼容background-size属性]
最近写项目,要用到大图做整个背景,无论大屏小屏都要展示完全,小屏不能只展示一部分,大屏不能有留白,要用到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:"微软雅黑";}
标红的地方就是用到了刚才的插件。现在无论屏幕多大都可以正常显示了。
相关文章
在前端页面中使用Markdown并且优化a标签
发布时间:2021/05/09 浏览次数:145 分类:WEB前端
-
介绍如何在前端页面中使用Markdown语法,安装markedJs项目。使用三种方法优化MarkedJs对a标签的解析增加target属性
总结JQuery中的选择器
发布时间:2016/08/08 浏览次数:817 分类:WEB前端
-
选择器是jquery的根基,在jquery中,对事件处理,遍历DOM都需要选择器,如果能熟练掌握选择器,不仅能简化代码,还可以达到事半功倍的效果。