在IE6中为非Anchor标记模拟悬停伪类的最简单,最优雅的方法是什么?
我特意尝试将此实例中的光标更改为指针的光标。
答案 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技术。