IE浏览器兼容background-size属性

商经业
2023-12-01

引入火腿肠文件(.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文件中。

 类似资料: