若是分別用IE五、IE六、IE7瀏覽同一個網頁,將可能出現不同的效果。 這是它們之間對CSS的解析選擇器不同或錯誤和個別bug所致使。爲了解決這些錯誤和bug。 咱們不得不找到一個能平衡於它們之間的解決方法。
如png透明問題在IE五、IE6下沒法顯示出其效果,咱們可能會使用CSS hack或者引入外部JavaScript來實現。譬如前面我提到過用pngfix的那個方法就是調用外部JavaScript來解決在IE五、IE6下png透明問題。固然還有更多的方法。
而如今有種更加完美的方法能兼容IE五、IE六、IE7的CSS選擇器解析不同問題。那就是: ie7 - js
ie7 - js中是一個JavaScript庫(解決IE與W3C標準的衝突的JS庫),使微軟的Internet Explorer的行爲像一個Web標準兼容的瀏覽器,支持更多的W3C標準,支持CSS二、CSS3選擇器。它修復了許多的HTML和CSS問題,並使得透明PNG在IE五、IE6下正確顯示。
目前該ie7 - js版本: 2.0 beta 3
用法: 直接引用Google Code服務器上的js文件。
IE7.js 使IE五、IE6升級至兼容IE7 註釋使Internet Explorer版本號小於7的IE瀏覽器載入該代碼。javascript
IE8.js 使IE五、IE六、IE7支持更多的W3C標準(修復了許多的HTML和CSS問題)。 註釋使Internet Explorer版本號小於8的IE瀏覽器載入該代碼,而其它符合標準的瀏覽器則會忽略該代碼,並在IE8出來後不干擾其工做。html
PNG 此腳本僅修復了圖像命名爲:*-trans.png 遺憾的是,此方法透明的PNG圖像不能平鋪(重複)使用在背景上;也不能用在CSS 「position」定位屬性上 。
除了直接引用Google Code服務器上的js文件外,若是你願意你也能夠下載而後引入 2.0 beta 3下載地址頁面:http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ 右擊另存下載地址:IE7.jsIE8.js
演示: http://ie7-js.googlecode.com/svn/test/index.htmljava
最新版本地址:https://code.google.com/p/ie7-js/瀏覽器