引入火腿肠文件(.htc)来进行hack,强行让ie8支持background-size属性。简单来说,就是引入js文件来对图片大小进行配置。
使用的htc文件的background-size-polyfill项目git地址:https://github.com/louisremi/background-size-polyfill/blob/gh-pages/backgroundsize.min.htc
然后在css文件里面引用语句,注意url是相对于引用css文件的html的路径:
/*IE8 图片透明不可用filter*/
-ms-behavior: url(../htc/backgroundsize.min.htc);
behavior:url(../htc/backgroundsize.min.htc);
示例代码:
#con-img{
width: 1366px;
height: 272px;
top: 0px;
left: 0px;
background-image: url(images/主页.jpg);
background-position: -140px -164px;
background-size: 120%;
-ms-behavior: url(backgroundsize.min.htc);
}
htc文件下载:复制git代码到本地新建的js文件中。