javascript - 如何使用特征检测来了解浏览器是否支持 css hover?

标签 javascript css hover feature-detection

如何使用特征检测来确定浏览器是否支持 :hover 伪类?如果可能的话,我想在不使用条件注释来包含 ie6 特定脚本文件的情况下执行此操作。

最佳答案

符合标准的浏览器支持 :hover 伪类。像IE6这样的浏览器只会支持<a>元素。

但是,您可以使用 jQuery 在任何事物上使用悬停更改,仅举一个例子。

$('.class').hover(
    function(){
        $(this).addClass('hover');
    },
    function(){
        $(this).removeClass('hover');
});

在你的 css 中,使用类 .hover 代替伪类 :hover

关于javascript - 如何使用特征检测来了解浏览器是否支持 css hover?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4948135/

相关文章:

html - 显示 :inline not working in IE8

css - 如果下拉菜单项的样式设置在菜单右侧,则无法选择

php - html5 样板中包含“构建”功能

html - 将鼠标悬停在表中 <hr> 上的效果

html - 悬停状态在 Google Chrome 中移动我的 h2

javascript - Node.js express-generator - 由于 TypeError : app. set is not a function,应用程序无法运行

javascript - div 上的 Onclick 事件不起作用

css - 如何在悬停时让背景颜色覆盖整个 "block"

javascript - javascript concat 的 Grunt 观察者

javascript - 如何删除 [vue/no-use-v-if-with-v-for] 警告?