Какви начини има за скриване на HTML елемент на уеб страница?

• display: none; - елементът напълно се премахва от потока на документа, не заема място и събитията не се обработват. Най-силният начин за скриване.
• visibility: hidden; - елементът остава в потока на документа, запазва мястото си, но не е видим. Събитията на мишката и клавиатурата не се обработват.
• opacity: 0; - елементът остава в потока на документа, запазва мястото си, не е видим. Събитията на мишката и клавиатурата се обработват (може да се кликне, да се премести курсор и т.н.). Елементът става просто напълно прозрачен.
• position: absolute; и задаване на координати извън видимата област (например, left: -9999px;). Елементът се премахва от нормалния поток, но все още присъства на страницата и може да влияе на превъртането. Събитията се обработват.
• width: 0; height: 0; overflow: hidden; - елементът остава в потока, но размерите му се нулират. Събитията могат да се обработват, ако тяхната област попада в видимата част на друг елемент.
• font-size: 0; и line-height: 0; (за скриване на текстово съдържание). Запазва елемента, но прави текста му невидим.
• Използване на псевдо-елемента :empty (не за всички елементи и случаи). Скрива съдържанието, ако елементът е празен.

Изборът на метод зависи от желаното поведение: дали елементът трябва да заема място, да обработва събития или да бъде напълно премахнат от потока.