Несколько лет назад мы добавили заметку на нашу веб-страницу для пользователей, которые блокируют JS.Мне бы очень хотелось, чтобы записка была скрыта для людей, у которых JS включен.Видимость заметки зависит от тела, имеющего класс body class="noJS"
.Для того, чтобы удалить это как можно быстрее, у меня есть JS в качестве самого первого элемента в теге body, который не полагается ни на что, а запускается сразу.
<!-- BODY element exists! -->
<script type="text/javascript">
/*<![CDATA[*/
document.body.className = document.body.className.replace(new RegExp(\'(?:^|\\s)\'+ \'no-js\' + \'(?:\\s|$)\'), \' \');
/*]]>*/
</script>
В Firefox я все еще вижу заметку каккрасное мерцание, например, в верхней части главной страницы здесь https://www.colorperfect.com
Раздражает, что приводит к моему вопросу, могу ли я использовать анимацию CSS3, чтобы исчезнуть в этой заметке, скажем, с задержкой в одну секунду?Это должно исправить это, я думаю, но я никогда ничего не делал с CSS-анимацией, так что я решил спросить, а не играть ... Если это не сработает, другие идеи тоже будут приветствоваться.
Изменить:
Это CSS, который создает красный блок.Простой вопрос обмена фоном и высотой.
body.noJS .single_navi_zeile
{
background-color:#BB0000;
height:12.7em;
background-position: left 0.5em bottom 0.3em;
background-repeat: no-repeat;
background-image: url("../grafik/nojs.png");
}