Верстка · Junior · Запитання 18 з 75
Чим display: none відрізняється від visibility: hidden?
- ✓Правильна відповідь:
display: noneприбирає елемент із потоку,visibility: hiddenховає, але місце зберігає - 2
visibility: hiddenвидаляє елемент із DOM, аdisplay: noneлише робить його прозорим - 3Нічим: обидва ховають елемент і однаково звільняють його місце в потоці
Пояснення
З display: none елемент не рендериться й не займає місця, сусіди зсуваються. З visibility: hidden він невидимий, але місце під ним лишається. opacity: 0 теж лишає місце, але елемент при цьому лишається клікабельним. Жодна з властивостей не видаляє елемент із DOM, а скринрідери ігнорують лише перші два варіанти.