自己做IE各個版本相容的時候用的解決辦法方法,IE6到IE11都可以【親測】
阿新 • • 發佈:2019-01-03
對於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樣式就可以了。如下:
Ps:如果能用HTML檢測就別用JS了,這樣效果以及效能會好一些!希望能幫到跟我一樣在路上的攻城獅們!同學們!<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>