0

我知道我的网站在 IE7 和 IE6 中看起来很糟糕。我只得承认。
要使用条件注释查找 IE，是<!-- IF (IE) -->或类似的东西。

然而。如果用户使用其他浏览器访问我的网站，比如 Firefox 4（顺便说一句，他们仍然在我的学校使用），我该如何检测到呢？

我想要做的是检查浏览器是否支持边框半径，如果不支持，则加载基本样式而不是高级样式。那么我怎样才能在 javascript / 条件注释中做到这一点呢？

谢谢

4

2 回答 2

2

你可能会考虑使用 Modernizr，它可以测试边界半径和大约一百万个其他东西。

或者，这是一个单独的测试border-radius（来自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将是。truefalse

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

于 2013-10-22T15:34:05.563 回答
0

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

http://modernizr.com/

于 2013-10-22T15:33:43.127 回答