关于background-size的兼容
2019-09-25 本文已影响0人
我是何宝荣呀
引用火腿肠文件，解决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);
其工程目录如下图
工程目录
