CSS：李懸停不會在Internet Explorer 6

Question

在這裏工作是代碼：http://jsfiddle.net/yuliantoadi/hMr7h/

，如果你嘗試懸停「測試2」鏈接，下拉菜單就會出現。在IE 6中的問題，任何想法如何使這個下拉菜單在IE 6中工作？

Answer 1

在IE 6中，:hover只適用於CSS的a標籤。如果你想IE 6的懸停效果，他們必須在Javascript中完成。

Answer 2

你可以使用一些JS來解決問題。

jQuery的樣本：

$(function(){ 
    $('.link ul li').hover(
     function(){ 
      $(this).addClass('hover'); 
     },function(){ 
      $(this).removeClass('hover'); 
    }); 
}); 

http://jsfiddle.net/hMr7h/1/

Answer 3

我用IE的HTC基於文件的解決方案..

檢查此鏈接：http://peterned.home.xs4all.nl/csshover.html

Answer 4

這是因爲IE 6（7 ，如果我的內存服務）不支持:hover僞類除了鏈接之外的任何東西。

你可以，但是，模仿的行爲有一些JavaScript（不使用jQuery，不同的choise的答案）：

var element = document.getElementById('someid'); // I'm leaving this part up to you. 
element.onmouseover = function (e) { 
    element.className += ' hover'; 
}; 
element.onmouseout = function (e) { 
    elemen.className.replace(' hover',''); 
};