Исчезать содержимое после загрузки страницы

Question

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

Answer 1

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

Другой способ - использовать скрипт в своей голове, чтобы добавить класс в html-тег, такой как js_enabled, сделать правило css вроде * 1007.*

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