Общая идея заключается в том, что вы поместили бы свое сообщение HTML (без причины использовать изображение, текст будет работать нормально) внутри тегов noscript, таких как:
<noscript>You must enable Javascript in order to use this site.</noscript>
Если вы хотите, чтобы код HTML был скрыт / скрыл всю оставшуюся часть страницы, вам нужно убедиться, что он занимает всю страницу и находится сверху. Вы можете сделать это примерно так:
<noscript>
<div id="noscript" style="position: absolute; top: 0; left: 0; background-color: #FFF; z-index: 999; height: 100%; width: 100%; text-align: center; padding-top: 50px;">
You must enable Javascript in order to use this site.
</div>
</noscript>
Вот jsFiddle , который показывает, как работает noscript div. Скрипка не содержит фактического тега <noscript>
, потому что скрипта не будет работать без JS, но она показывает вам, как работает абсолютно позиционированный div для блокировки всего остального контента. Прокрутите вниз область HTML скрипки, чтобы увидеть HTML-код noscript (который я скопировал в этот пост).