標籤:瀏覽器 html
怎麼用一行代碼解決CSS各種IE各種相容問題
用一行代碼來解決CSS在,IE6,IE7,IE8,IE9,IE10 中的各種相容性問題。
在網站前端寫代碼的過程中,很多時間IE各個版本的相容問題很難整。現在百度與Google都有了一行解決這種相容性的代碼了。如下面的。
百度辦法:
百度也應用了這種方案去解決IE的相容問題
百度原始碼如下
<span style="color:#333333;"><!Doctype html><htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml><head><metahttp-equiv=Content-Typecontent=“text/html;charset=utf-8″><metahttp-equiv=X-UA-Compatiblecontent=IE=EmulateIE7><title>百度一下,你就知道</title><script>varwpo={start:newDate*1,pid:109,page:‘superpage’}</script></span><span style="color:#ff6666;"><strong><meta http-equiv=X-UA-Compatible content=IE=EmulateIE7></strong></span>
可以開啟百度,右鍵查看源碼看下!我們可以看下檔案頭是否存在這樣一行代碼!
這句話的意思是強制使用IE7模式來解析網頁代碼!
Google辦法:
在網站伺服器上指定預設相容模式來解決這個辦法,Google中ie7 – js中是一個JavaScript庫(解決IE與W3C標準的衝突的JS庫),使微軟的Internet Explorer的行為像一個Web標準相容的瀏覽器,支援更多的W3C標準,支援CSS2、CSS3選取器。它修複了許多的HTML和CSS問題,並使得透明PNG在IE5、IE6下正確顯示。
使IE5,IE6相容到IE7模式(推薦)
<!–[if lt IE 7]><script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script><![endif]–>
使IE5,IE6,IE7相容到IE8模式
<!–[if lt IE 8]><script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js” type=”text/javascript”></script><![endif]–>
使IE5,IE6,IE7,IE8相容到IE9模式
<!–[if lt IE 9]><script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script><![endif]–>