加载页面后淡入内容

Question

最好的方法是什么，如何使它与浏览器兼容？ 例如， 本文确定最佳实践是使用不透明的div覆盖您的内容，并在加载后将其淡出。 但是，如果客户端禁用了javascript怎么办？ PHP对JS的检测是不可靠的，如果使用不透明的div方法，您将永远不会在禁用JS的浏览器中看到内容。

想法？

Answer 1

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

另一种方法是使用脑海中的脚本将类添加到js_enabled这样的js_enabled ，使css规则如下

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