如果分別用IE5、IE6、IE7瀏覽同一個(gè)網(wǎng)頁，將可能出現(xiàn)不一樣的效果。
這是它們之間對(duì)CSS的解析選擇器不一樣或錯(cuò)誤和個(gè)別bug所導(dǎo)致。為了解決這些錯(cuò)誤和bug。
我們不得不找到一個(gè)能平衡于它們之間的解決方法。
如png透明問題在IE5、IE6下無法顯示出其效果，我們可能會(huì)使用CSS hack或者引入外部JavaScript來實(shí)現(xiàn)。譬如前面我提到過用pngfix的那個(gè)方法就是調(diào)用外部JavaScript來解決在IE5、IE6下png透明問題。當(dāng)然還有更多的方法。
而現(xiàn)在有種更加完美的方法能兼容IE5、IE6、IE7的CSS選擇器解析不一樣問題。那就是： ie7 – js
ie7 – js中是一個(gè)JavaScript庫（解決IE與W3C標(biāo)準(zhǔn)的沖突的JS庫），使微軟的Internet Explorer的行為像一個(gè)Web標(biāo)準(zhǔn)兼容的瀏覽器，支持更多的W3C標(biāo)準(zhǔn)，支持CSS2、CSS3選擇器。它修復(fù)了許多的HTML和CSS問題，并使得透明PNG在IE5、IE6下正確顯示。
目前該ie7 – js版本： 2.0 beta 3
用法：
直接引用Google Code服務(wù)器上的js文件。
?
<!--[if lt IE 7]>
<script src=http://up.2cto.com/2013/0222/20130222021950559.png";</script>
<![endif]-->
<!--[if lt IE 8]>
<script src=http://up.2cto.com/2013/0222/20130222021951759.png";</script>
<![endif]-->
<!--[if lt IE 9]>
<script src=http://up.2cto.com/2013/0222/20130222021951794.png";</script>
<![endif]—>

IE7.js
使IE5、IE6升級(jí)至兼容IE7
注釋使Internet Explorer版本號(hào)低于IE7的IE瀏覽器載入該代碼。
<!–[if lt IE 7]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js” type=”text/javascript”></script>
<![endif]–>
?
IE8.js
使IE5、IE6、IE7支持更多的W3C標(biāo)準(zhǔn)（修復(fù)了許多的HTML和CSS問題）。
注釋使Internet Explorer版本號(hào)小于8的IE瀏覽器載入該代碼，而其它符合標(biāo)準(zhǔn)的瀏覽器則會(huì)忽略該代碼，并在IE8出來后不干擾其工作。
<!–[if lt IE 8]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js” type=”text/javascript”></script>
<![endif]–>
?
讓png透明的語句.
<script src="IE8.js">IE7_PNG_SUFFIX=".png";</script>
?
E7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
Status
Current version: 2.1 beta4.
Usage
IE7.js
Upgrade MSIE5.5-6 to be compatible with MSIE7.
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
IE8.js
Upgrade MSIE5.5-7 to be compatible with MSIE8.
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
You do not need to include IE7.js if you are using IE8.js
IE9.js
Upgrade MSIE5.5-8 to be compatible with modern browsers.
<!--[if lt IE 9]>www.2cto.com
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
You do not need to include IE7/IE8.js if you are using IE9.js
PNG
The script only fixes images named: *-trans.png
If you want the fix to apply to all PNG images then set a global variable as follows:
var IE7_PNG_SUFFIX = ".png";
You must set this variable before including the IE7.js script. Alternatively, you can set the variable inside the IE7.js script element:
<script src="IE8.js">IE7_PNG_SUFFIX=".png";</script>
The suffix will ignore query string parameters. For more fine-grained control you can also set IE7_PNG_SUFFIX to a RegExp object. If you want to use an alternative PNG solution then set the suffix to something that cannot possibly match:
var IE7_PNG_SUFFIX = ":";
By default, the PNG will be stretched (this simulates tiling). If you want to turn this off then set the no-repeat property as follows:
div.example {
? background: url(my-trans.png) no-repeat;
}
Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.

轉(zhuǎn)載于:https://www.cnblogs.com/jqmtony/p/3808296.html

總結(jié)

以上是生活随笔為你收集整理的[HTML] Google IE-x.js 解决IEx与W3C标准的冲突的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。