Какие знаешь способы скрытия элемента на странице

display: none – полностью удаляет элемент из потока документа, освобождая место.
visibility: hidden – скрывает элемент, но сохраняет его место в разметке.
opacity: 0 – делает элемент прозрачным, но он остаётся кликабельным (если не отключить события через pointer-events: none).

CSS-позиционирование:
position: absolute + left/top: -9999px – выносит элемент за пределы видимой области.

Атрибуты HTML:
hidden – нативный способ скрытия (аналог display: none).
aria-hidden="true" – скрывает элемент для скринридеров, но визуально остаётся.

Пример:

.invisible {
  opacity: 0;
  pointer-events: none;
}
.offscreen {
  position: absolute;
  left: -9999px;
}