css - IE 6 CSS 悬停非锚标记

Question

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

我特意尝试将这种情况下的光标更改为指针的光标。

score 12 · Accepted Answer

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

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

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

score 6 · Accepted Answer

关于您的请求——我特别试图将这种情况下的光标更改为指针的光标——最简单的方法是cursor:pointer在你的 css.xml 中指定。我想你会发现它在 IE 6 中有效。

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

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

score 4 · Accepted Answer

4

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

于 2008-08-31T03:30:09.810 回答

score 3 · Accepted Answer

3

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

于 2008-08-31T17:12:45.557 回答

score 1 · Accepted Answer

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

score 1 · Accepted Answer

在旁边：

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

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

score 0 · Accepted Answer

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

感谢您的快速回答。

@约瑟夫

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

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

score 0 · Accepted Answer

0

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

于 2008-08-31T17:05:21.363 回答

8 回答 8