IE6悬停问题

Question

:hover对于非链接的元素,CSS 在IE6中不起作用.有解决方法吗？例如,我怎么应用:hover到div？

Answer 1

有什么:悬停.我自己从未使用它,但从我听到的,它运作良好.

无论如何:悬停是一个自动补丁的小脚本:hover,:active和:专注于IE6,IE7和IE8的怪癖,让你像在任何其他浏览器中一样使用它们.版本3引入了ajax支持,这意味着任何通过javascript插入到文档中的html也会触发:hover,:active和:IE中的焦点样式.

Answer 2

您可以使用Dean Edwards 的着名IE7.js,它具有很好的优势,您可以:hover在CSS中使用选择器.

除此之外,我怀疑你是否可以单独使用CSS来实现它.IE可以通过CSS处理CSS文件中的JS expression(),但如果你抓住了我的漂移,你就无法使用表达式来处理没有选择器处理悬停的悬停.

然后,最后,一个简短的jQuery解决方案:

$(document).ready(function () {
  $('div').hover(function () {
    $(this).addClass('hover');
  }, function () {
    $(this).removeClass('hover');
  });
});

然后你可以在样式表中使用它:

div:hover, div.hover { ... }