csshover.htc解決IE6 hover兼容問題

爲了美觀,很多網站主都喜歡用hover來定義一些元素,比如這一句:menu li: hover {background:#fff;}。但如果訪客使用IE6瀏覽器,那麼你的一切心思都是白費,因爲他根本欣賞不到#fff的背景效果。這又是IE6的一個兼容問題,就是不能正確解讀所有CSS元素的hover定義,除a:hover可以正確外,其餘元素的hover定義一律不能解釋。解決IE6的hover的兼容問題,就要用到csshover.htc了。

它利用javascript腳本來給元素的的樣式定義,如果檢測到hover定義,就給元素設置onmouseover和onmouseout事件,以此來實現hover的效果。

具體操作如下:

1、建立 csshover.htc文件,上傳到空間。

2、在header里加入以下語句:
<style type="text/css" media="screen">
body {behavior:url('http://XXX/csshover.htc');}
</style>

記得用具體地址替代紅色區域。

現在IE 7、IE 8 已經能正確解讀所有CSS元素的hover定義了。但是 IE6 還是有很多人在用,所以 ,我們還是需要設置csshover.htc的。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章