轉怎麼用一行代碼解決CSS各類IE各類兼容問題

時間 2019-12-08

標籤怎麼一行代碼解決 css 各類兼容問題欄目 CSS 简体版

原文原文鏈接

用一行代碼來解決CSS在,IE6,IE7,IE8,IE9,IE10 中的各類兼容性問題。javascript

在網站前端寫代碼的過程當中，不少時間IE各個版本的兼容問題很難整。如今百度與谷歌都有了一行解決這種兼容性的代碼了。以下面的。html

辦法一前端

百度也應用了這種方案去解決IE的兼容問題java

百度源代碼以下web

1 <!Doctype html>chrome

2 <htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml>瀏覽器

3 <head>服務器

4 <metahttp-equiv=Content-Typecontent=「text/html;charset=utf-8″>svn

5 <metahttp-equiv=X-UA-Compatiblecontent=IE=EmulateIE7>網站

6 <title>百度一下，你就知道</title>

7 <script>varwpo={start:newDate*1,pid:109,page:‘superpage’}</script>

能夠打開百度，右鍵查看源碼看下！咱們能夠看下文件頭是否存在這樣一行代碼！

這句話的意思是強制使用IE7模式來解析網頁代碼！

在這裏送上幾種IE使用模式！

8 <metahttp-equiv=「X-UA-Compatible」content=「IE=8″>

2. Google Chrome Frame也能夠讓IE用上Chrome的引擎:

9 <metahttp-equiv=「X-UA-Compatible」content=「chrome=1″/>

3.強制IE8使用IE7模式來解析

10 <metahttp-equiv=「X-UA-Compatible」content=「IE=EmulateIE7″><!– IE7 mode –>

11 //或者

12 <metahttp-equiv=「X-UA-Compatible」content=「IE=7″><!– IE7 mode –>

4.強制IE8使用IE6或IE5模式來解析

13 <metahttp-equiv=「X-UA-Compatible」content=「IE=6″><!– IE6 mode –>

14 <metahttp-equiv=「X-UA-Compatible」content=「IE=5″><!– IE5 mode –>

5.若是一個特定版本的IE支持所要求的兼容性模式多於一種，如：

15 <metahttp-equiv=「X-UA-Compatible」content=「IE=5; IE=8″/>

二.在網網站服務器上指定預設兼容性模式來解決這個辦法

固然若是服務器是本身的話，能夠在服務器上定義一個自訂標頭來爲它們的網站預設一個特定的文件兼容性模式。這個特定的方法取決於你的網站服務器。

錄入，下列的 web.config文件使Microsoft Internet Information Services (IIS)能定義一個自訂標頭以自動使用IE7 mode來編譯全部網頁。

另外還有一塊兒其餘的解決方案，例如google的

ie7 – js中是一個JavaScript庫（解決IE與W3C標準的衝突的JS庫），使微軟的Internet Explorer的行爲像一個Web標準兼容的瀏覽器，支持更多的W3C標準，支持CSS二、CSS3選擇器。它修復了許多的HTML和CSS問題，並使得透明PNG在IE五、IE6下正確顯示。

使IE5,IE6兼容到IE7模式（推薦）

16 <!–[if lt IE 7]>

17 <script src=」http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js」 type=」text/javascript」></script>

18 <![endif]–>

使IE5,IE6,IE7兼容到IE8模式

19 <!–[if lt IE 8]>

20 <script src=」http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js」 type=」text/javascript」></script>

21 <![endif]–>

使IE5,IE6,IE7,IE8兼容到IE9模式

22 <!–[if lt IE 9]>

23 <script src=」http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js」></script>

24 <![endif]–>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

轉 怎麼用一行代碼解決CSS各類IE各類兼容問題

轉怎麼用一行代碼解決CSS各類IE各類兼容問題