在IE6中模拟非Anchor标记的悬停伪类最简单、最优雅的方法是什么?
我特别尝试将这个实例中的光标更改为指针的光标。
在IE6中模拟非Anchor标记的悬停伪类最简单、最优雅的方法是什么?
我特别尝试将这个实例中的光标更改为指针的光标。
我想说,最简单的方法是添加onmouseover/out Javascript函数。
我认为最简单的方法是使用hover.htmc方法。将hover.htc文件添加到您的网站,然后在样式表中引用它:
body { behavior:url("csshover.htc"); }
如果你想让事情尽可能干净,你可以使用IE条件注释,这样行就只呈现给使用IE6的用户。
关于您的请求——我特别试图将此实例中的光标更改为指针的光标——最简单的方法是在css中指定光标:指针
。我想你会发现它在IE 6中有效。
尝试验证(其中<code>div</code>可以是任何元素):
<div style="background:orange; cursor:pointer; height:100px; width:100px;">
Hover
</div>
另一种一次性解决更多问题的方法是使用IE7.js。
另一种方法,取决于项目是什么,是添加一个非链接锚点,并将其显示设置为阻止。将锚点放置在要进行伪悬停行为的项目内或周围。
除此之外:
实际上我已经需要交换图像了
请务必查看图像精灵。有时,使用一个图像并“移动”图像,然后使用两个单独的图像并在它们之间“切换”或“交换”会更好。根据我的经验,当用户与它交互时,这会很好。有时,一个图像的单个请求,然后多个图像的多个请求是一个优势。
我最喜欢mouse-over/out,因为实际上我已经需要交换图像了。我真的应该一开始就考虑用javascript来做这件事。
谢谢你的快速回答。
@约瑟夫
谢谢你的链接。我以前从未听说过这种技术,非常喜欢这个想法。
我一定会尝试一下,看看我的表现如何。
如果您愿意使用JQuery,我会使用为任何东西设置悬停类技术。