Задать вопрос
@r_g_b_a

Вопрос по использованию visibility: hidden?

Хочу для подложки и ее последующей анимации использовать стили
.overlay {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}

Есть какие-то подводные камни у данного кода? Учитывая, что он полностью перекрывает весь контент сайта, хочу быть уверенным, что пока элемент скрытый, он не будет кликабельным и не получит фокус.
Просмотрел много реализаций off-canvas меню, и почти везде по какой-то причине оверлей либо скрывают через display: none, либо убирают за пределы экрана.
  • Вопрос задан
  • 70 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы