首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用现代化技术为没有webgl支持的浏览器提供备用背景图像?

使用现代化技术为没有webgl支持的浏览器提供备用背景图像?
EN

Stack Overflow用户
提问于 2016-04-07 22:13:54
回答 1查看 64关注 0票数 0

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

现代派提供了一些指导,并说要设置一个if...else语句来激活替代选项,如下所示:

代码语言:javascript
运行
复制
if (Modernizr.webgl) {
  // supported
} else {
  // not-supported
}

他们还建议这一css选项:

代码语言:javascript
运行
复制
.no-webgl body { background: red; }

下一个在工作。

我不想把我的动画脚本放在if语句中,然后在else语句中放置类似这样的内容:

代码语言:javascript
运行
复制
var oldBrowserFix = document.getElementsByName("body");
oldBrowserFix.style.background = '#ff0000';

我还考虑了另一个想法:

代码语言:javascript
运行
复制
do {
  var oldBrowserFix = document.getElementsByName("body");
  oldBrowserFix.style.background = '#ff0000';
} while (!Modernizr.webgl);

如何使我的do...while语句工作?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-09 22:01:20

将现代主义添加到html文件的底部,并在其下面运行以下命令:

代码语言:javascript
运行
复制
if (!Modernizr.webgl) {
  document.body.style.backgroundColor = "#000000";
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36488157

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档