[jQuery] 解決 IE6 不支援 :hover CSS

目前 IE 並不支援 :hover 的功能，難怪只有 FireFox 可以看的懂 :hover CSS 的功能，上網查了一下解決方法，當然就是利用幫忙處理瀏覽器相容性的 javascript Framework：利用 jQuery 就可以解決 IE 這部份的不相容，參考了 Whatup 的 Blog：tr hover 在 IE 上的 hack，解法也寫的很清楚。先看看 html

css 寫法：

tr.row1	{ background-color: #EFEFEF; }
tr.row1:hover td{
background-color: #D1D7DC;
}

上面 CSS 寫法 only for FirFox，所以必須搭配

jQuery 來實做 hover 的 style，底下是修正 IE 的 CSS 問題：

$(".row1").hover(function() {
$(this).css("background-color","#D1D7DC");
},function(){
$(this).css('background-color','#EFEFEF');
});

果然還是要靠 jQuery 來解決瀏覽器不相容的問題。

jQuery

See also