IE 6 CSS 悬停非锚定标签

Question

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

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

Answer 1

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

Answer 2

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

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

如果您想让事情尽可能干净，您可以使用 IE 条件注释，以便该行仅呈现给使用 IE6 的用户。

Answer 3

关于您的要求—— 我特别尝试将本实例中的光标更改为指针 -- 最简单的方法是指定 cursor:pointer 在你的CSS中。我想你会发现它在 IE 6 中有效。

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

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

Answer 4

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

Answer 5

另一种方法是添加非链接锚点并将其显示设置为阻止，具体取决于项目的内容。将锚点放在您想要伪悬停行为的项目内或周围。

Answer 6

在旁边：

无论如何我实际上已经需要交换图像了

请务必看一下 图像精灵. 。有时，使用一张图像并“移动”该图像比使用两个单独的图像并在它们之间“切换”或“交换”要好得多。根据我的经验，当用户与之交互时，它非常好，有时是一个优势，即对 1 个图像的单个请求，然后对多个图像的多个请求。

Answer 7

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

感谢您的快速解答。

@约瑟夫

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

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

Answer 8

如果你愿意使用 JQuery，我会使用 为任何内容设置悬停类 技术。