Как скрыть элемент чтобы он был не интерактивным

Есть несколько способов скрыть элемент, сохранив его в DOM, но сделав неинтерактивным: 1. `visibility: hidden` - элемент невидим, но занимает место в верстке: ```css .hidden { visibility: hidden; } ``` 2. `opacity: 0` - элемент прозрачный, но остается кликабельным (нужно дополнительно отключить события): ```css .invisible { opacity: 0; pointer-events: none; } ``` 3. `aria-hidden="true"` - скрывает элемент от скринридеров: ```html ``` Для полного скрытия и отключения интерактивности лучше комбинировать несколько методов: ```css .fully-hidden { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } ```