引用火腿肠文件, 解决 ie8 对 background-size 的不兼容问题
首先
需要下载一个压缩包
链接: https://pan.baidu.com/s/1uFDQfFhgEwVEX3-zD99yHA
提取码: hwu8
下面是我的测试代码
- <!DOCTYPE html>
- <HTML lang="utf-8">
- <head>
- <meta charset="UTF-8">
- <title>
- IE 8 下兼容 background-size
- </title>
- <style>
- HTML{ width: 100%; height: 100%; } body{ width: 100%; height: 100%; margin:
- 0; padding: 0; background: url("images/login_pic.png") center no-repeat;
- background-size: cover; -ms-behavior: url(background-size-polyfill-gh-pages/backgroundsize.min.htc);
- behavior: url(background-size-polyfill-gh-pages/backgroundsize.min.htc);
- }
- </style>
- </head>
- <body>
- </body>
- </HTML>
其中重点就是, 下面三行代码, 压缩包要整个导入工程文件, 然后基于 HTML 文档去写它的路径, 图片也是
- background-size: cover;
- -ms-behavior: url(background-size-polyfill-gh-pages/backgroundsize.min.htc);
- behavior: url(background-size-polyfill-gh-pages/backgroundsize.min.htc);
其工程目录如下图
工程目录
background-size 的解决方法有两个, 一个是 htc 文件, 一个则是通过 IE 的滤镜去解决, 但是基于本人的问题, 现在还没有调试出来, 等下次吧~
来源: http://www.jianshu.com/p/ca4d264397f3