在页面加载后淡化内容

Question

最好的方法是什么，以及如何使其符合浏览器标准？例如，this post确定最佳做法是使用不透明的div覆盖您的内容，并在加载后将其淡出。但是如果客户端禁用了javascript呢？ PHP的PHP检测不可靠，如果使用opaque div方法，您将永远不会在禁用JS的浏览器中看到内容。

想法？

Answer 1

您可以在css中将overlay元素的默认值设置为display: none，并使用document.write在头部（主css之后）插入样式标记，将其设置为显示：block。如果永远不会看到js禁用，因为write将被忽略。

另一种方法是在头脑中使用脚本将类添加到html标记，例如js_enabled，使css规则像

.overlay { display:none}
.js_enabled .overlay { display:block}