如何使用功能检测来了解浏览器是否支持CSS悬停？

Question

如何使用功能检测来确定浏览器是否支持 :hover 伪类？如果可能的话，我希望不使用条件注释来包含特定于 ie6 的脚本文件。

Answer 1

:hover 伪类受符合标准的浏览器支持。 IE6 等浏览器仅支持 元素。

然而，您可以使用 jQuery 在任何事物上使用悬停更改，仅举一例。

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

在您的 CSS 中，使用 .hover 类代替 pesudo-class :hover

Answer 2

如果是ie6以上版本，不支持hover。任何其他不支持悬停的浏览器都太旧且晦涩难懂，无需担心。

编辑

可以使 :hover 在 ie 6 中工作：参见此处