IE 6 CSS悬停非锚标记

时间:2020-03-05 18:45:36  来源:igfitidea点击:

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

我专门试图在这种情况下将光标更改为指针的光标。

解决方案

回答

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

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

如果要保持事物的整洁,可以使用IE条件注释,以便仅使用IE6呈现该行。

回答

根据项目是什么,另一种方法是添加非链接锚并将其显示设置为"阻止"。可以将锚点放置在我们想要使用伪悬停行为的项目的内部或者周围。

回答

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

回答

我最喜欢将鼠标悬停/移开,因为实际上无论如何我都需要交换图像。我真的应该考虑使用javascript来做到这一点。

感谢快速解答。

@约瑟夫

感谢链接。我以前从未听说过这种技术,并且非常喜欢这个主意。

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

回答

在旁边:

I actually already needed to swap the image anyhow

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

回答

关于请求-我专门尝试在这种情况下将光标更改为指针的光标-最简单的方法是在CSS中指定cursor:pointer。我认为我们会在IE 6中找到该方法。

尝试进行以下验证(其中div可以是任何元素):

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

回答

如果我们愿意使用JQuery,则可以使用Set Hover Class for Anything技术。

回答

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