HTML 5＆gt;条件评论和响应动画

Question

我已查看HTML5 Browser Support，我必须说我不太高兴但我仍想在我的网站中使用HTML5 Animation。

问题是我想要定位所有不支持HTML5 Animation的浏览器版本，并且如果支持的旧版本返回true，则仅显示动画的图像。

我知道IE Conditional Comments，并且在下面的图表中，只有IE9及更高版本支持HTML5，因此将使用以下内容修复：

<!--[if lte IE8]>
  <style type=”text/css”>
    IE lower or equal to IE8 Replace animation coding with an image.
  </style>
<![endif]-->

HTML5浏览器支持图表

但我如何定位让我们说Chrome版本低于25或Opera版本低于12？

Answer 1

我可以使用检测模式来执行此操作，因此每次您的页面检测到它可以使用不同的CSS或仅使用其他规则。

如果您需要帮助，请告诉我们，以便我可以提供更多资源

Answer 2

如果通过＆＃34; HTML5动画＆＃34;你的意思是你要使用画布，你可以随时检测而不是浏览器检测。只要有可能，功能检测就是一个更好的主意。

在这种情况下，您可以轻松地检测画布支持功能（此特定功能为from this answer）：

function isCanvasSupported(){
  var elem = document.createElement('canvas');
  return !!(elem.getContext && elem.getContext('2d'));
}

然后在您的JavaScript中，如果isCanvasSupported()为假，请动态插入您的后备内容。

有关特征检测的更多信息：

• http://diveintohtml5.info/detect.html
• http://www.modernizr.com