使用jQuery.support检测IE6

任何人都有任何想法如何测试特定于IE6(而不是IE7)使用jquery.support的东西？

我的问题是IE6支持：hover psuedo-class只用于锚点元素，IE7支持所有元素(如FF，Chrome等)。所以我想做一些特殊的情况下浏览器不支持：悬停所有元素…因此我需要一种方法来测试此功能。 (不想使用jQuery.browser)。有任何想法吗？

解决方法

虽然检查功能支持而不是用户代理是一个好的做法，但没有简单的方法来检查类似支持使用JavaScript的CSS属性。我建议你遵循上面的海报建议使用条件注释或使用jQuery.browser。一个简单的实现(未验证性能或错误)可能如下所示：

if ($.browser.msie && $.browser.version.substr(0,1)<7) {
  // search for selectors you want to add hover behavior to
  $('.jshover').hover(
    function() {
      $(this).addClass('over');
    },function() {
      $(this).removeClass('over');
    }
}

在您的标记中，将.jshover类添加到您希望悬停css效果的任何元素。在你的css中，添加这样的规则：

ul li:hover,ul li.over { rules here }