自己做IE各个版本兼容的时候用的解决办法方法，IE6到IE11都可以【亲测】

最新推荐文章于 2017-10-17 19:19:43 发布

熹小雨Marain

最新推荐文章于 2017-10-17 19:19:43 发布

阅读量2.9k

点赞数 1

分类专栏： IE各版本兼容的解决办法文章标签： IE兼容 IE6兼容 IE7兼容 IE8兼容 IE10兼容

本文链接：https://blog.csdn.net/iammarrio/article/details/54608833

版权

IE各版本兼容的解决办法专栏收录该内容

1 篇文章 0 订阅

订阅专栏

对于IE6到9的兼容，我们一般用HTML自带的检测，追加CSS样式就可以了。如下：

    <!--[if IE 6]>
    <link charset="utf-8" type="text/css" rel="stylesheet" href="css/index-ie6.css"/>
    <![endif]-->
    <!--[if IE 7]>
    <link charset="utf-8" type="text/css" rel="stylesheet" href="css/index-ie7.css"/>
    <![endif]-->

对于IE10以上的兼容，我们用HTML自带的检测无法检测到，所以我们需要用JS来做一个判断，追加CSS样式就可以了。如下：

<script type="text/javascript">
    $(function() {
        var userAgent = window.navigator.userAgent.toLowerCase();
        var version = $.browser.version;
        if(version == 10.0){
            $("head").append("<link charset='utf-8' type='text/css' rel='stylesheet' href='css/index-ie10.css'/>");
        }
        alert(version);
    });
</script>

Ps：如果能用HTML检测就别用JS了，这样效果以及性能会好一些!希望能帮到跟我一样在路上的攻城狮们！同学们！