IE 6 CSS Hover non Anchor Tag

时间:2008-08-31 03:14:57

标签: css internet-explorer-6

在IE6中为非Anchor标记模拟悬停伪类的最简单,最优雅的方法是什么?

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

8 个答案:

答案 0 :(得分:12)

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

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

如果您希望尽可能保持干净,可以使用IE条件注释,以便该行仅用IE6呈现给用户。

答案 1 :(得分:6)

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

尝试此验证(div可以是任何元素):

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

答案 2 :(得分:3)

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

答案 3 :(得分:3)

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

答案 4 :(得分:1)

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

答案 5 :(得分:1)

除了:

  

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

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

答案 6 :(得分:0)

我最喜欢鼠标悬停/出去,因为我实际上已经需要交换图像了。我真的应该想到用javascript开始这样做。

感谢您的快速解答。

@Joseph

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

我一定会尝试一下,看看我是怎么做的。

答案 7 :(得分:0)

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