爲了美觀,很多網站主都喜歡用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的。