Milyen módon lehet elrejteni egy HTML-elemet egy weboldalon?

• display: none; - az elem teljesen eltávolításra kerül a dokumentumfolyamból, nem foglal helyet, és az események nem kerülnek feldolgozásra. A leg"erősebb" módszer az elrejtésre.
• visibility: hidden; - az elem a dokumentumfolyamban marad, megtartja a helyét, de nem látható. Az egér- és billentyűzetesemények nem kerülnek feldolgozásra.
• opacity: 0; - az elem a dokumentumfolyamban marad, megtartja a helyét, nem látható. Az egér- és billentyűzetesemények feldolgozásra kerülnek (kattinthat, kurzort húzhat, stb.). Az elem egyszerűen teljesen átlátszóvá válik.
• position: absolute; és koordináták beállítása a látható területen kívülre (pl. left: -9999px;). Az elem eltávolításra kerül a normál folyamából, de még mindig jelen van az oldalon, és befolyásolhatja a görgetést. Az események feldolgozásra kerülnek.
• width: 0; height: 0; overflow: hidden; - az elem a folyam része marad, de méretei nullára vannak állítva. Az események feldolgozhatók, ha azok területe egy másik elem látható részébe esik.
• font-size: 0; és line-height: 0; (szövegtartalom elrejtésére). Az elem megtartja, de a szövege láthatatlan lesz.
• A :empty pseudo-elem használata (nem minden elemre és esetben). Az üres elem tartalma elrejtésre kerül.

A módszer kiválasztása a kívánt viselkedéstől függ: hogy az elem helyet foglaljon, eseményeket kezeljen, vagy teljesen eltávolításra kerüljön a folyamából.