CSS - 如何在 IE 6 中停用 :hover 伪类
我使用悬停导航,一切都很好。我真的很满意。但我对 IE6 也很残忍——那么有没有一种 CSS 方法可以停用 :hover 伪类呢?
就像
...
<!--[if IE 6]>
<style>
#topNavigation #top_right li.directlinks:hover ul {dont-let-me-do-that:true;}
</style>
<![endif]-->
</head>
<bod....>
但我认为没有这样的功能..所以也许是一个 JQuery 片段?好吧,我指望你们!
编辑: 这是我的实际代码 - 是的......它确实可以在 li 上运行。我可以在 IE6 中将其悬停(但它有点错误,所以我将禁用此功能,并使用 JQUERY 悬停(function()...)
#topNavigation #top_right li.directlinks:hover ul {display:block}
I use a hover navigation and it all works well. I'm really satisfied. But I'm also sadistic to the IE6 - so is there a CSS way to deactivate the :hover pseudo class?
like
...
<!--[if IE 6]>
<style>
#topNavigation #top_right li.directlinks:hover ul {dont-let-me-do-that:true;}
</style>
<![endif]-->
</head>
<bod....>
But I think there is not such a function.. so maybe a JQuery snippet? Well I count on you guys!
Edit:
Here my actual code - and yes ... it does work on a li. I CAN hover it in IE6 (but its a bit buggy so I will disable this function and I work with a JQUERY hover(function()...)
#topNavigation #top_right li.directlinks:hover ul {display:block}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
无论如何,IE6 不支持除
a
元素之外的任何元素上的:hover
,因此它可以满足您的需求。也就是说,如果您想对 IE6 隐藏任何规则,只需在选择器中的某个位置添加子组合器即可,这里是著名的
html > 。 body
hack:但是我严重怀疑你的选择器可以在除了打过补丁的IE6 MSHTML之外的任何东西上工作。
IE6 doesn't support
:hover
on anything buta
elements anyway, so it's got you covered there.That said, if you'd like to hide any rules from IE6, it's just a matter of tossing in the child combinator somewhere in the selector, here's the famous
html > body
hack:But I seriously doubt your selector works on anything but a patched IE6 MSHTML.