javascript - 如果未启用 JavaScript,则卡住带有覆盖的屏幕

标签 javascript html css noscript

我想使页面变暗并锁定(防止点击/滚动)并有一些白色文本表明用户没有启用 JavaScript。

我知道正确的做法是在没有 JavaScript 时优雅地降级所有内容 - 但我现在不想走这条路。

最佳答案

<noscript>
<div id="nojs-overlay">
  Please Enable Javascript to View This Site<br>
  <a href="instructions.html">Instructions on how to enable javascript</a>
</div>
</noscript>

以上示例仅在未启用 javascript 的情况下加载 overlway div。选择的答案将导致慢速设备上的闪烁或延迟。

确保您的 nojs-overlay div(或一系列 div)的样式覆盖整个屏幕。

关于javascript - 如果未启用 JavaScript,则卡住带有覆盖的屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11372388/

相关文章:

javascript - 为什么我的 Blast wow slider 有一个白色背景,覆盖了 google chrome 页面的一半?

javascript - jQuery 对话框未完全显示

jquery - 切换 div onclick 的不透明度

html - 将形状 HTML 中的内容居中

javascript - jQuery : Split the DOM Node using jQuery

javascript - 如何在 ExpressJS 中的 HTML 表单上添加值

php - php 文件中的 html 输入类型

javascript - 如何将现有菜单变成响应式下拉菜单?

Javascript:如何只选中屏幕上的复选框

javascript - 用于添加内联样式的 jQuery/JavaScript 切换按钮