本文和大家重點討論一下IE7 JS Library庫解決IE相容性問題,們曾經討論過如何在IE6中正常顯示透明PNG,在那篇文章中,我們討論了如何讓PNG圖片在IE7以下的IE版本中正常顯示的方法。
IE7 JS Library庫解決IE相容性問題
我們曾經討論過如何在IE6中正常顯示透明PNG,在那篇文章中,我們討論了如何讓PNG圖片在IE7以下的IE版本中正常顯示的方法。
事實上,隨著瀏覽器的進步,我們可以使用更方便的方法來解決IE5,IE6版本對於相容性所引起的以上此類的問題了。
什麼是IE7 JS Library?
IE7 JS Library是DeanEdwards編寫的一個JavaScript庫檔案,它能夠使微軟IE系列的瀏覽器特別是低版本的IE5,IE6)變成一個更接近WEB標準的瀏覽器。比如,它修複了很多在HTML和CSS在IE下解析不正常的問題,並能讓透明PNG背景在IE5,IE6下正常顯示而不需要特地編寫CSSHacks僅在Windows平台有效)。目前,IE7 JS Library發布了其Version2版本,而且仍處於官方公測階段。
下載和使用
使用方法很簡單,只需要將下載的JS庫檔案連結至網頁檔案的頭部<head>標籤即可。在處理諸如PNG透明圖片背景顯示時,不需要考慮CSS的特殊寫法了,與其在IE7和Firfox等瀏覽器中CSS寫法相同。
讓MSIE5-6CSS相容IE7的處理方法:
- <!--[ifltIE7]>
- <scriptsrcscriptsrc=
- "http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js"
- type="text/javascript"></script>
- <![endif]-->
讓IE7相容更進階且尚未包含在IE7功能中)的CSS寫法:
- <!--[ifltIE8]>
- <scriptsrcscriptsrc=
- "http://ie7-js.googlecode.com/svn/version/xx.x/IE8.js"
- type="text/javascript"></script>
- <![endif]-->
Tips:如果你已經包含了IE8.js則不需要再包含IE7.js了此庫是向下相容的)。更多的使用方法請參看IE7JSLibary在GoogleCode上的文檔,你還可以查看官方製作的測試頁。