對於前端開發來說IE一直是心裡的痛，不管你覺得做的多好的網頁，放到它上面總會有一些意想不到的問題發生，所以你不得不針對IE單獨做些手腳,你就有必要知道一些IE瀏覽器下的hack寫法。

比較常用的幾個hack(目前大多公司都只要求相容到IE8，稍微變態點的也就是IE7下沒大的錯位就行了，下面hack足以):

\9 像如:width:6.5em;width:8em\9;在ie7-ie10寬度是8em;

\0 像如:width:6.5em;width:8em\0;在ie8-ie11寬度是8em;

* 像如:width:6.5em;*width:8em ie7以下會寬度是8em

針對IE11還可以通過以下媒體查詢的方式來解決IE11下的問題:

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {

　　　　div{width:8em;}

}

加上以上程式碼可以讓IE11下div的寬度為8em,為了避免IE低版本下也會認識這一媒體查詢，最好在screen前加上only。

在IE瀏覽器下，特別是IE8以下個人感覺真真沒必要去太折騰(win7的最低配置都是ie8了)，但是為了更好的體驗，可以針對IE8以下瀏覽器給出一個友善的升級提示也是很不錯的，IE下的條件註釋語句值得擁有：

//ie7及以下會提示使用者去升級瀏覽器
<!--[if lte IE 7]>
 <div class="browser-upgrade">你的瀏覽器版本過低，請到<a href="http://browsehappy.com" class="browser-upgrade__link">這裡</a>更新，以獲取最佳體驗!</div>
<![endif]
 
-->

條件語句還有更多用途，在使用html5新增標籤頁面可以針對IE低版本引入htmlshiv讓低版本瀏覽器也能識別html新增標籤:

<!--[if lt IE 9]>
<script type="text/javascript"  src="http://www.ijquery.cn/js/html5shiv.js"></script>
<![endif]-->

ie的條件語句常用的有幾下幾種（所有條件註釋語句在非IE瀏覽器下都是普通的註釋，不要用非ie去給非IE的瀏覽執行操作）：

lt ：就是Less than的簡寫，也就是小於的意思。

lte ：就是Less than or equal to的簡寫，也就是小於或等於的意思。

gt ：就是Greater than的簡寫，也就是大於的意思。

gte：就是Greater than or equal to的簡寫，也就是大於或等於的意思。

!：就是不等於的意思，跟javascript裡的不等於判斷符相同。

<!--[if IE]>
    只有IE才支援
<![endif]-->
<!--[if !IE 7]>
    IE7不支援
<![endif]-->
<!--[if lt IE 8]>
    IE8以下瀏覽器才支援
<![endif]-->
<!--[if lte IE 8]>
    IE8及以下瀏覽器才支援
<![endif]-->
<!--[if gt IE 8]>
    IE8以上瀏覽器才支援
<![endif]-->
<!--[if gte IE 8]>
    IE8及以上瀏覽器才支援
<![endif]-->