Question

我知道我的网站在IE7和IE6中看起来很糟糕。我必须承认这一点要使用条件注释查找IE，或其他内容。

然而。如果用户使用其他浏览器来访问我的网站，比如Firefox 4（顺便提一下他们仍然在我的学校使用），该怎么办呢？

我想要做的是检查浏览器是否支持border-radius，如果不支持，则加载基本样式而不是高级样式。那么我怎样才能在javascript /条件评论中做到这一点？

由于

Answer 1

您可能会考虑使用Modernizr，can test border-radius以及其他大约一百万个。

或者，这是针对border-radius（来自this great list by kangax）的隔离测试：

var hasBorderRadius = (function (){
  var docEl = document.documentElement, s;
  if (docEl && (s = docEl.style)) {
    return (typeof s.borderRadius == 'string'
      || typeof s.MozBorderRadius == 'string'
      || typeof s.WebkitBorderRadius == 'string'
      || typeof s.KhtmlBorderRadius == 'string');
  }
  return false;
})();

如果hasBorderRadius标记为true，则false标记为placeholder。

相同的技术可用于其他新的CSS3属性（以及input元素上的{{1}}等HTML内容），请参阅上面的链接。但如果您需要的不仅仅是一个，请不要重新发明轮子，使用工具。

Answer 2

不要担心浏览器。担心功能。使用Modernizr并测试特定功能。它会将类添加到您可以在CSS中使用的html元素中，以相应地设置您的网站样式。

http://modernizr.com/

如何使用jss /条件注释来测试浏览器css3 compliancy？

2 个答案: