css : li hover doesn't work in internet explorer 6

猫性男孩

Q: If you try to hover the 'test 2' link, the dropdown menu will appear. the problem in IE 6, any idea how to make this dropdown menu work in IE 6?

A1: In IE 6, :hover only works on a tags for CSS. If you want hover effects for IE 6, they'll have to be done in Javascript.

A2: you could use some JS to work around.

1	$(function(){

[backcolor=rgb(248, 248, 248) !important]

2	$('.link ul li').hover(

3	function(){

[backcolor=rgb(248, 248, 248) !important]

4	$(this).addClass('hover');

5	},function(){

[backcolor=rgb(248, 248, 248) !important]

6	$(this).removeClass('hover');

7

});

[backcolor=rgb(248, 248, 248) !important]

8

});

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

引自:http://stackoverflow.com/questions/6309723/css-li-hover-doesnt-work-in-internet-explorer-6