1. 程式人生 > >自己做IE各個版本相容的時候用的解決辦法方法,IE6到IE11都可以【親測】

自己做IE各個版本相容的時候用的解決辦法方法,IE6到IE11都可以【親測】

對於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了,這樣效果以及效能會好一些!希望能幫到跟我一樣在路上的攻城獅們!同學們!