Javascript 使用Modernizer为不支持webgl的浏览器提供备用背景图像？

我有一个webgl动画在我的网站的背景，并希望提供一些回退支持的浏览器谁没有这个功能。我想在背景中提供一个图像，而不是创建动画的javascript文件

Modernizer提供了一些指导，并说要设置一个

if…else

语句来激活替代选项，如下所示：

if (Modernizr.webgl) {
  // supported
} else {
  // not-supported
}

他们还建议使用css选项：

.no-webgl body { background: red; }

虚空在工作

我不想在

if

语句中放入动画脚本，然后在

else

语句中放入类似的内容：

var oldBrowserFix = document.getElementsByName("body");
oldBrowserFix.style.background = '#ff0000';

我还考虑了另一个想法：

do {
  var oldBrowserFix = document.getElementsByName("body");
  oldBrowserFix.style.background = '#ff0000';
} while (!Modernizr.webgl);

---

如何让我的

do…while

语句正常工作？

将Modernizer添加到html文件的底部，并在下面运行：

if (!Modernizr.webgl) {
  document.body.style.backgroundColor = "#000000";
}

---

这可能是Modernizer团队在GitHub上遇到的一个bug。在哪个浏览器中它不工作？你能发布一个演示来说明它是如何工作的吗？