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

来源：互联网发布：java数组学生管理系统编辑：程序博客网时间：2024/06/13 23:59

对于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了，这样效果以及性能会好一些!希望能帮到跟我一样在路上的攻城狮们！同学们！

0 0