JS/CSS - 显示为JS残疾用户

Question

我说明

---

在网页半透明层我有严重依赖于JavaScript和JQuery网站的应用程序。如果用户在其浏览器设置中禁用了JS，则该网站的功能不如其应有，尽管它仍然有效。

我想阻止人们看到我的网站禁用了JS，但没有将它们重定向到非JavaScript页面。我想提醒我的用户，应该在一个精心呈现的CSS方法中启用JS。

如果JS被禁用，我想显示一个半透明/白色的CSS图层，显示在我的网页顶部，宽度为100％，高度为100％，用一些善意词语来描述问题给我的用户，并可能指示启用JS。

我的计划

---

• 有一个半透明的CSS层100％×100％，以补足我的网页上 每一页。
• 有一个在载Javascript功能，当页面加载时，它会删除图层。因此，如果没有找到Javascript，那么将不会删除图层 。

我的问题

---

这是实现这一目标的最佳方式是什么？如果是这样，你可以帮我使用关闭CSS层的JavaScript函数，进行加载，或者向我解释函数应该包含哪些内容来完成这个工作？我的Javascript很烂...

Answer 1

这听起来像一个可行的解决方案。

隐藏图层非常简单。

$(function() { 
    $("#layerId").hide(); 
}); 

设置图层使其看起来正确是工作真正的地方。

Answer 2

在noscript标记中添加图层，并设置noscript标记的样式，将您的文本添加到noscript标记中。

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

Answer 3

将您的禁用警告的HTML标记置于<noscript>标记中，然后根据需要设置样式。

W3Schools

Answer 4

对于这种事情的通用技术（Modernizr使用此方法）是做类似于下面的东西。

开始与这个在你的CSS ...

#my-warning-message {display:block; width:...} 
.js #my-warning-message {display:none;} 

然后，在你的JS ...

$('html').addClass('js');