美文网首页Web前端之路
关于background-size的兼容

关于background-size的兼容

作者: 我是何宝荣呀 | 来源:发表于2019-09-25 11:27 被阅读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);
    

    其工程目录如下图


    工程目录

    background-size的解决方法有两个,一个是htc文件,一个则是通过ie的滤镜去解决,但是基于本人的问题,现在还没有调试出来,等下次吧~

    相关文章

      网友评论

        本文标题:关于background-size的兼容

        本文链接:https://www.haomeiwen.com/subject/tfeuyctx.html