使用jQuery.support检测IE6

Question

有谁知道如何使用jquery.support测试特定于IE6 (而不是IE7)的东西？

我的问题是IE6只对锚元素支持:hover psuedo-class，而IE7对所有元素(如FF、Chrome等)都支持它。所以我想做一些特殊的事情，以防浏览器不支持:悬停所有元素...因此，我需要一种方法来测试此功能。(不想使用jQuery.browser)。有什么想法吗？

Answer 1

虽然检查特性支持而不是用户代理是一个很好的做法，但是没有简单的方法可以使用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 }

Answer 2

您可以使用Microsoft Internet Explorer特定的Conditional Comment将特定代码仅应用于IE6。

<!--[if IE 6]>
  Special instructions for IE 6 here... e.g.
  <script>...hook hover event logic here...</script>
<![endif]-->

Answer 3

Thickbox使用

if(typeof document.body.style.maxHeight === "undefined") {
    alert('ie6');
} else {
    alert('other');
}