HTML und CSS · Junior · Frage 18 von 75
Wie unterscheidet sich display: none von visibility: hidden?
- 1
visibility: hiddenentfernt das Element aus dem DOM,display: nonemacht es nur durchsichtig - 2
display: nonenimmt das Element aus dem Layout;visibility: hiddenversteckt es, behält aber seinen Platz - 3Kein Unterschied: beide verstecken das Element und geben seinen Platz gleich frei
Antwort zeigen
Richtige Antwort: display: none nimmt das Element aus dem Layout; visibility: hidden versteckt es, behält aber seinen Platz
Erklärung
Bei display: none wird das Element nicht gerendert und nimmt keinen Platz ein - die Nachbarn rücken nach. Bei visibility: hidden ist es unsichtbar, sein Platz bleibt aber. Auch opacity: 0 behält den Platz, und das Element bleibt klickbar. Keines davon entfernt das Element aus dem DOM, und Screenreader ignorieren nur die ersten beiden.