讓IE6支持HTML5元素

    今天把網頁改成了HTML5的,調試了一下,在FF和Opera中都顯示正常了,到了IE6上卻變得面目全非了。GOOGLE了一下,發現了html5shiv這個項目,可以把HTML5的新元素轉換成IE6認識的內容。作者已經把這段代碼放到了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元素寫的腳本,裏面有很詳細的例子,感興趣的朋友可以去試試。
發佈了19 篇原創文章 · 獲贊 7 · 訪問量 23萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章