僅針對IE8有效的CSS Hack獵奇寫法

最近做專案的時候，引用了 google font 的**字型，估計是因為瀏覽器對字型的渲染方式不同或者是字型格式不一樣，結果導致 ie8 中導航是錯位的，而 ie9 和 ie10 中是正常的。

那麼就需要單獨為 ie8 進行一些調整，於是就需要 ie8 的 css hack。一看到這裡，足夠容易了吧？網上流傳已久的 ie8 css hack 就程式設計客棧是在屬性後面加上 \9 或者 \0，**如下：

css code複製內容到剪貼簿

加上之後，發現 ie8 確實是沒有問題了，但是 ie9 和 ie10 卻出現了問題，上面的 hack 同樣對 ie9 和 ie10 起作用。

好吧，這個 css hack 不是 ie8 特有的。那怎麼做才能只針對 ie8 做 hack 呢？

這裡的思路需要稍稍轉換一下：可以先應用 ie8 的 hack ，與非 ie 瀏覽器分開，然後再應用一些 css3 之類的 ie8 不支援的選擇器來重新覆蓋一遍，讓支援新選擇器的 ie9、ie10 正常顯示。符合條件的常用選擇器有 :root，於是就可以寫出下面**：

css code複製內容到剪貼簿

這樣就做到了只對 ie8 瀏覽器起作用的 css hack，這種方法後來搜尋了一下，早就有人提到了，寫本文主要是介紹一下這個解決瀏覽器相容性問題的思路吧。

再次感嘆，微軟神奇的ie，在開發中不得不讓人抓狂。為ie6、ie7等等，都是比較好hack的，唯獨ie8比較坑一點。

本文標題: 僅針對ie8有效的css hack獵奇寫法

本文位址: /web/css/23827.html