冻结屏幕带叠加(如果未启用 JavaScript）

Freeze Screen w/ Overlay if JavaScript isn't enabled

本文关键字：启用 JavaScript 如果 屏幕 叠加 冻结      更新时间：2023-09-26

我想变暗并锁定页面（防止点击/滚动），并有一些白色文本说用户没有启用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 的情况下加载 overlwaydiv。 所选答案将导致慢速设备上闪烁或延迟。

确保样式为nojs-overlaydiv（或一系列div）以覆盖整个屏幕。

相关文章：