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。