English 中文(简体)
IE 6 CSS悬停非锚定标记
原标题:
  • 时间:2008-08-31 03:14:56
  •  标签:

在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,我会使用为任何东西设置悬停类技术。





相关问题
热门标签