IE 6 CSS 悬停非锚标记答案

【问题标题】：IE 6 CSS Hover non Anchor TagIE 6 CSS 悬停非锚标记
【发布时间】：2016-01-15 03:08:38
【问题描述】：

在 IE6 中模拟非 Anchor 标签的悬停伪类的最简单和最优雅的方法是什么？

我特别想将本例中的光标更改为指针。

【问题讨论】：

【解决方案1】：

我认为最简单的方法是使用hover.htc 方法。您将 hover.htc 文件添加到您的站点，然后在样式表中引用它：

body { behavior:url("csshover.htc"); }

如果你想保持尽可能的干净，你可以使用 IE 条件 cmets，以便该行只呈现给使用 IE6 的用户。

【讨论】：

【解决方案2】：

关于您的请求——我特别想将这个实例中的光标更改为指针的光标——最简单的方法是在你的 css 中指定 cursor:pointer。我想你会发现它适用于 IE 6。

试试这个来验证（div 可以是任何元素）：

<div style="background:orange; cursor:pointer; height:100px; width:100px;">
    Hover
</div>

【讨论】：

【解决方案3】：

我想说最简单的方法是添加 onmouseover/out Javascript 函数。

【讨论】：

“专门尝试更改光标”不需要 JavaScript。只需使用这个 CSS 规则：cursor:pointer;
但是“在 IE6 中模拟非 Anchor 标签的悬停伪类”就可以了，这就是我要回答的问题。当人们在寻找“IE 非 Anchor 悬停”的答案时，“使用 'cursor:pointer'”根本没有帮助。
这个解决方案的 jQuery 实现可以在 blog.delivi.com/javascript/… 找到这个 sn-p 可以很容易地修改为与其他 JavaScript 框架或纯 JavaScript 一起使用。该脚本的一大进步是它不需要 htc，因此没有无效的 css，并且仅由 ie6 解析和执行，因此您不会注意到其他浏览器的任何性能差异。

【解决方案4】：

另一种可以一次性解决更多问题的方法是使用IE7.js。

【讨论】：

【解决方案5】：

根据项目的不同，另一种方法是添加非链接锚并将其显示设置为阻止。将锚点放在您希望进行伪悬停行为的项目内或周围。

【讨论】：

【解决方案6】：

旁白：

我实际上已经需要交换图像了

请务必查看Image Sprites。有时使用一个图像并“移动”图像然后使用两个单独的图像并在它们之间“切换”或“交换”会更好。根据我的经验，当用户与之交互时，它会非常好，有时一个优势是对 1 个图像的单个请求然后对多个图像的多个请求。

【讨论】：

【解决方案7】：

我最喜欢鼠标悬停/移出，因为无论如何我实际上已经需要交换图像。我真的应该从一开始就考虑用 javascript 来做这件事。

感谢您的快速回答。

@约瑟夫

感谢您的链接。我以前从未听说过这种技术，并且非常喜欢这个想法。

我一定会尝试一下，看看我的表现如何。

【讨论】：

【解决方案8】：

如果你愿意使用 JQuery，我会使用Set Hover Class for Anything 技术。

【讨论】：