迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 >

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

作者:嫣然 最近更新:2022/12/04 浏览次数:

最近写项目,要用到大图做整个背景,无论大屏小屏都要展示完全,小屏不能只展示一部分,大屏不能有留白,要用到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

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

垂直居中方法总结

发布时间:2016/08/29 浏览次数:209 分类:WEB前端

块级元素的垂直居中是通过给父级元素设置相同上下边距实现的。本篇介绍垂直居中的方法

CSS水平居中大全

发布时间:2016/08/23 浏览次数:189 分类:CSS

css的居中有很多情况,不同的情况方法不同,下面总结一下平常用到的居中方法

总结JQuery中的选择器

发布时间:2016/08/08 浏览次数:817 分类:WEB前端

选择器是jquery的根基,在jquery中,对事件处理,遍历DOM都需要选择器,如果能熟练掌握选择器,不仅能简化代码,还可以达到事半功倍的效果。

前端干货分享

发布时间:2016/06/21 浏览次数:316 分类:WEB前端

终于有时间总结一下了,这个给大家分享一下我收藏的前端干货的网站,希望对网友有用.

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便