javascript - JS/CSS - 在网页上为 JS 禁用用户显示半透明层

Question

我的描述

---

我有一个严重依赖 Javascript 和 JQuery 的网站应用程序。如果用户在其浏览器设置中禁用了 JS，则该网站将无法正常运行，尽管它仍然可以运行。

我想阻止人们看到我禁用了 JS 的网站，但又不想将他们重定向到非 JavaScript 页面。我想提醒我的用户，应该在呈现良好的 CSS 方法中启用 JS。

如果 JS 被禁用，我想显示一个半透明/白色的 CSS 层，显示在我的网页顶部，宽度为 100%，高度为 100%，并用一些友好的词来描述这个问题我的用户，可能还有启用 JS 的说明。

我的计划

---

• 有一个 100% x 100% 的半透明 CSS 层来覆盖我的网页，在 每一页。
• 有一个加载 Javascript 函数，当页面加载时，它 删除图层。所以如果没有找到 Javascript，它就不会 移除图层。

我的问题

---

这是实现此目标的最佳方式吗？如果是的话，你能帮我关闭 CSS 层的 Javascript 函数，加载，或者向我解释该函数应该包含什么来使它工作吗？我的 Javascript 糟透了......

Answer 1

在 noscript 标签中添加图层，并为 noscript 标签设置样式，在 noscript 标签中添加文本。

#noscript {top:0; left:0; height:100%; width:100%; opacity: 0.5; background: white;}