Затухание содержимого после загрузки страницы

Question

Каков наилучший способ сделать это и как сделать его браузером? Например, this post устанавливает, что наилучшая практика заключается в том, чтобы покрыть ваш контент непрозрачным div и исчезнуть после загрузки. Но что, если у клиента отключен javascript? PHP-обнаружение JS не является надежным, и если бы вы пошли с непрозрачным методом div, вы никогда не увидели бы содержимое в браузере с отключенным JS.

Идеи?

Answer 1

Вы можете установить по умолчанию элемент наложения на display: none в css и использовать document.write, чтобы вставить тег стиля в голову (после основного css), который устанавливает его для отображения: block. Если js disabled никогда не будет видно, поскольку write будет проигнорирован.

Другой способ заключается в использовании сценария в вашей голове, чтобы добавить класс тег HTML, такие как js_enabled, сделать правило CSS, как

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