display : none; visibility:hidden; opacity:0; 차이점

display:none

영역 사라짐
이벤트(ex.클릭) 작동 안함
tab focus 안됨

visibility:hidden

영역 있음
이벤트(ex.클릭) 작동 안함
tab focus 안됨
뒤에 있는 요소 클릭 가능

opacity:0

영역 있음
이벤트(ex.클릭) 작동 함
tab focus 됨
뒤에 있는 요소 클릭 불가능