HTML i CSS · Junior · Pytanie 18 z 75
Czym display: none różni się od visibility: hidden?
- ✓Poprawna odpowiedź:
display: noneusuwa element z układu;visibility: hiddenukrywa go, ale zachowuje jego miejsce - 2
visibility: hiddenusuwa element z DOM, adisplay: nonetylko czyni go przezroczystym - 3Niczym: oba ukrywają element i tak samo zwalniają jego miejsce w układzie
Wyjaśnienie
Przy display: none element nie jest renderowany i nie zajmuje miejsca - sąsiedzi się przesuwają. Przy visibility: hidden jest niewidoczny, ale jego miejsce zostaje. opacity: 0 także zachowuje miejsce, a element pozostaje klikalny. Żadna z tych opcji nie usuwa elementu z DOM, a czytniki ekranu ignorują tylko dwie pierwsze.