讓IE6支持HTML5元素的方法
作者已經把這段代碼放到了Google code project上,只需要在你的head中調用這段代碼就行:
!--if lt IE 9]
script src=http://html5shiv.googlecode.com/svn/trunk/html5.js/script
!--endif]--
當然你也可以直接把這個文件下載到自己的網站上 。這個文件必須在head標簽中調用,因為IE必須在元素解析這前知道這些元素,才能啟作用!或許你還要在你的CSS文件中加上以下代碼 , 不然有可能會出現些莫名其妙的問題 。
header,nav,article,section,aside,footer{display:block;}
另外excanvas.js是Google為IE6支持canvas元素寫的腳本,里面有很詳細的例子,感興趣的朋友可以去試試 。
Kill IE6
我也厭煩了IE6的特殊,所以也加了KILL IE6一族,所有用IE6訪問我的網站的朋友都會出Kill IE6的對話框,前提是你的瀏覽器允許執行JS文件 。方法很簡單,在你的網站的/body之前加上以下代碼就可以了:
!--if lte IE 6]
script src=http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js/script
!--endif]--
IE中的判斷語句
上面寫的!--if lte IE 6]在正常的HTML中屬于注釋,不會被執行,但在IE中是一個判斷語句,所以這些代碼只有在IE中才會被識別并加載 。
lte:就是Less than or equal to的簡寫 , 也就是小于或等于的意思 。
lt :就是Less than的簡寫,也就是小于的意思 。
gte:就是Greater than or equal to的簡寫,也就是大于或等于的意思 。
gt :就是Greater than的簡寫,也就是大于的意思 。
! : 就是不等于的意思,跟javascript里的不等于判斷符相同
相關經驗推薦
- 【抖音你讓我做大哥我教你梳中分什么梗】出處內涵
- css控制圖片按等比例縮放實例兼容IE6/IE7/火狐/谷歌
- 針對firefox ie6 ie7 ie8的css樣式hack
- CSS 完美兼容IE6/IE7/FF的通用hack方法
- 兼容IE6的圖片圓角邊框CSS
- 讓ie運行js時提示允許阻止內容運行的解決方法
- 已補全 IE6,IE7,IE8下使用Javascript記錄光標選中范圍
- ie6不兼容hover ie6 a hover屬性失效解決辦法
- 支持IE6/IE7/IE8/Firefox3 本地圖片預覽經驗總結
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
