一切詆毀IE6的言論都是紙老虎 CSS Hacks
發(fā)布時間：2010-04-17 00:17:23 作者：佚名 
我要評論
我要評論當然有很多人歇斯底里地詆毀 IE6，在此想說的是，一切詆毀 IE6 的言論都是紙老虎?？纯?IE6 的歷史，它絕不是一個錯誤的存在。IE7/IE8 這些有嚴重后遺癥的版本才是導致一切杯具的罪魁禍首。
下面是各個 IE 版本的 CSS Hacks 寫法.
掌握 CSS Hacks 可以說是前端開發(fā)工程師的一個基本技能。隨著瀏覽器版本的遍地開花，我們尋找著盡可能使各種瀏覽器表現(xiàn)一致的 CSS 寫法。當然 CSS Hacks 是最為流行的解決方案。但對于 IE 而言，目前已經有 IE6/IE7/IE8 三個主要版本，不久的將來還會有 IE9 的到來。于此，IE 是個杯具。
當然有很多人歇斯底里地詆毀 IE6，在此想說的是，一切詆毀 IE6 的言論都是紙老虎。看看 IE6 的歷史，它絕不是一個錯誤的存在。IE7/IE8 這些有嚴重后遺癥的版本才是導致一切杯具的罪魁禍首。下面是各個 IE 版本的 CSS Hacks 寫法：
IE6：
_selector{property:value;}
selector{property:value;property:value!important;} //IE6 不支持同一選擇符中的 !importantIE7：
+selector{property:value;}IE8：
selector{property:value\0;}IE6 & IE7：
*selector{property:value;}IE6 & IE7 & IE8：
selector{property:value\9;}
可悲的是，IE8 會自作主張的將頁面按照 IE7 模式進行渲染。目前針對 IE 多版本兼容的現(xiàn)狀，通常會采用設置 X-UA-Compatible HTTP 頭的方式開啟 IE8 的兼容模式，這樣能在一定程度上減少調試 IE 的工作量。代碼如下：
<meta http-equiv="X-UA-Compatible" content="IE=7"> //標準 IE7 模式
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> //兼容 IE7 模式
你也可能會碰到另一種情況：
<meta http-equiv="X-UA-Compatible" content="IE=Edge">//標準 IE 模式IE8 在沒有申明 IE=Edge 的情況下還是會存在以兼容模式渲染的情況，這種設置方案 (IE=Edge) 目前口碑網正在應用。
掌握 CSS Hacks 可以說是前端開發(fā)工程師的一個基本技能。隨著瀏覽器版本的遍地開花，我們尋找著盡可能使各種瀏覽器表現(xiàn)一致的 CSS 寫法。當然 CSS Hacks 是最為流行的解決方案。但對于 IE 而言，目前已經有 IE6/IE7/IE8 三個主要版本，不久的將來還會有 IE9 的到來。于此，IE 是個杯具。
當然有很多人歇斯底里地詆毀 IE6，在此想說的是，一切詆毀 IE6 的言論都是紙老虎。看看 IE6 的歷史，它絕不是一個錯誤的存在。IE7/IE8 這些有嚴重后遺癥的版本才是導致一切杯具的罪魁禍首。下面是各個 IE 版本的 CSS Hacks 寫法：
IE6：
復制代碼
代碼如下:_selector{property:value;}
selector{property:value;property:value!important;} //IE6 不支持同一選擇符中的 !importantIE7：
+selector{property:value;}IE8：
selector{property:value\0;}IE6 & IE7：
*selector{property:value;}IE6 & IE7 & IE8：
selector{property:value\9;}
可悲的是，IE8 會自作主張的將頁面按照 IE7 模式進行渲染。目前針對 IE 多版本兼容的現(xiàn)狀，通常會采用設置 X-UA-Compatible HTTP 頭的方式開啟 IE8 的兼容模式，這樣能在一定程度上減少調試 IE 的工作量。代碼如下：
復制代碼
代碼如下:<meta http-equiv="X-UA-Compatible" content="IE=7"> //標準 IE7 模式
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> //兼容 IE7 模式
你也可能會碰到另一種情況：
<meta http-equiv="X-UA-Compatible" content="IE=Edge">//標準 IE 模式IE8 在沒有申明 IE=Edge 的情況下還是會存在以兼容模式渲染的情況，這種設置方案 (IE=Edge) 目前口碑網正在應用。
關于 IE=Edge 詳細參考：http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2008-January/013635.html
相關文章
這篇文章主要介紹了淺談原生頁面兼容IE9問題的解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起2020-12-16- 這篇文章主要介紹了新版chrome瀏覽器設置允許跨域的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起2020-11-30
css hack之\9和\0就可能對hack IE11\IE9\IE8無效
每次設計一張網頁或一個表單，都被各種瀏覽器的兼容問題傷透腦筋，尤其是IE家族。在做兼容性設計時，我們往往會使用各種瀏覽器能識別的獨特語法進行hack，從而達到各種瀏覽2020-03-20css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼
這篇文章主要介紹了css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼,需要的朋友可以參考下2020-03-20
這篇文章主要介紹了解決CSS瀏覽器兼容性問題的4種方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學2020-02-28
這篇文章主要介紹了常見的瀏覽器兼容性問題(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學2020-02-20
這篇文章主要介紹了border-radius IE8兼容處理的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學2020-02-12- 這篇文章主要介紹了淺談遇到的幾個瀏覽器兼容性問題，詳細的介紹了幾種我遇到的問題和解決方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-26
這篇文章主要介紹了base64圖片在各種瀏覽器的兼容性處理的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-14
這篇文章主要介紹了對常見的css屬性進行瀏覽器兼容性總結(推薦)的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-20
