Задачи с собеседований (front-end)

27. Чем opacity отличается от visible: hidden и что это такое, отличие от overflow: hidden?
Ответ:
overflow: hidden — полностью скрывает элемент, он не видим и не занимает место на странице. javascript не может получить ни width, height.
…
Элемент со стилями visible: hidden так же занимает место, не видим. Но в отличие от элемента с opacity, js-события на нем не срабатывают.

visible: hidden — нет такого свойства, есть visibility + дочернему можно дать visibility: visible и он станет видимым в скрытом родителе, с opacity такого не провернуть =)
overflow: hidden — вообще из другой оперы. Обрезает контент, который вылазит за пределы блока + дополнительные скрытые эффекты типа «чистки» потока и др.