Javascript IE6悬停问题

CSS

：hover

在IE6中不适用于非链接元素。有解决办法吗？e、 g.如何将

：悬停
应用于
div
？
有。我自己从来没有用过，但据我所知，它工作得很好

Whatever:hover是一个小脚本，可以自动修补IE6、IE7和IE8的：hover、：active和：focus怪癖，让您像在其他浏览器中一样使用它们。版本3引入了ajax支持，这意味着任何通过javascript插入到文档中的html都将在IE中触发：hover、：active和：focus样式

您可以使用Dean Edwards的著名代码，它有一个很好的优点，即您可以在CSS中使用
：hover
选择器

除此之外，我怀疑单靠CSS是无法实现这一目标的。IE可以通过
expression（）
处理CSS文件中的JS，但是如果你明白我的意思，那么如果没有选择器处理悬停，你就无法使用表达式来处理悬停

然后，最后是一个简短的jQuery解决方案：

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

然后您可以在样式表中使用它：

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


如果你只需要paticulars div
如果您没有使用jquery，请继续
对于Stuckrfis js作为@futta
建议
如果您打算在将来使用更多标签上的鼠标悬停，并且不想每次都为此编辑js，请在IE6中使用Whatever.htc。正如@Pekka所建议的那样

在蓝色的角落里
吸盘鱼，最初的轻量化，
可访问，跨浏览器，
符合标准：悬停模拟。
在红角我们有“htc”-
通过CSS访问的JavaScript文件
模仿：悬停

叮叮

吸盘鱼立刻降落在一个沉重的地面上
吹吧。htc的有效性-。htc很简单
这不是符合标准的CSS

哦。htc狡猾地打了一拳
不需要额外的
选择器

吸盘鱼在环周围跳跃。
他的体重比他的体重轻得多
对手

哦！IE 5.0 Upcut！那是
htc没有的东西
做这件事的技巧
可以无缝地使用IE 5.0

.htc发呆了！比赛是
结束吸盘鱼在积分上获胜！特科


如果你想在其他方面（而不是悬停）也得到好处
IE然后按照@Boldewyn的建议选择
IE7.js
如果您已经在使用jquery
并希望在有限的范围内使用悬停
走这条路吧：


在IE6中没有可用于此的纯有效CSS解决方案。


一个无效的CSS表达式解决方案可用
但我不建议使用
这个

解决方案：

为此也提供了非常好的轻量级替代方案。
难道没有css替代方案吗？@Sarfraz据我所知，没有，否则无论如何：悬停和其他解决方法都不存在。+1，我一读到标题就想起来了。不管怎样：hover遍历样式表，将伪类转换为类名，并附加所需的事件处理程序。类似于此，对于本例也是+1。对于
：hover
单独支持来说太过了，但是如果你想要所有额外的东西，只是还不知道，那就太好了。@Andy E:没错，对于
：hover
单独支持来说太过了。实际上，大多数情况下，当答案以“您可以使用jQuery或此…”开头时，这正是我当时的评论然而，正如您所提到的，在处理IE6时，我经常会在一系列不同的情况下想到IE7.js。
Suckerfish vs. .htc