IE6不支持hover的解決方法

第一種解決方案

<style type=”text/css”>  
      p:hover,p.hover { background:#eee; }   /* 就是要多寫一個.hover而已 */
</style> 

下面這段代碼要放到頁面的底部在</body> 前：

<script type=”text/javascript”>   
//<!–  讓所有標記支持hover   
function $(){   
      if(document.all){ // 判斷是否IE瀏覽器   
           var obj=document.all;   
            for(var i=0;i<obj.length;i++){   
                  obj[i].οnmοuseοver=function(){   
                        this.className=”hover”   
                  } ;   
                  obj[i].οnmοuseοut=function(){   
                        this.className=”"   
                  }   
            }   
      }   
}   
$();   
//–>   
</script>

第二種解決方案 (推薦)

IE6以及更低版本的瀏覽器對“：hover”的支持不理想，對於類似的“p:hover”、“img:hover”、“#header:hover”...,今天給大家介紹一種新的方法，可以完美解決IE6不支持hover的情況，用法很簡單，將下載後的“csshover.htc”文件，定義在body樣式內。

body{behavior:url("csshover.htc");}

htc文件