优雅ie6悬停css解决方案

Question

我想要一个标签的解决方案:hover不能在ie6上运行.我的猜测是必须用javascript完成.

我找到了这个补丁:csshover3.htc(http://www.xs4all.nl/~peterned/csshover.html),我检查了它的演示!我没有在我的ie6浏览器上工作!

必须有一种优雅的方法来解决这个非常大的基本问题,可能是一个jquery插件.

任何领导都是适当的

Answer 1

使用jQuery,您可以使用悬停功能(http://docs.jquery.com/Events/hover)在悬停时添加一个类.

例:

$("li").hover(
  function () {
    $(this).addClass('ie6-hover');
  }, 
  function () {
    $(this).removeClass('ie6-hover');
  }
);

然后,您可以使该类具有相同的属性.

li:hover, li.ie6-hover {
    text-decoration: underline;
}