• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

opacity:0, display:none의 차이가 무엇인가요?

20.10.18 10:58 작성 조회수 304

0

둘 다 원하는 element를 보이지 않게 할 수 있는 걸로 알고 있습니다.

어떤 상황에 써야 하거나 연산량 차이가 있거나 한 부분이 있을까요?

답변 3

·

답변을 작성해보세요.

1

kain74님 답변 감사합니다 :)
말씀해주신대로, opacity: 0은 투명하게만 바뀐 것일 뿐 요소 자체는 영역을 차지하고 있고요,
display: none은 아예 화면에서 없는것처럼 취급됩니다.

0

Hwi Kwon님의 프로필

Hwi Kwon

질문자

2020.10.19

감사합니다. 

0

kain74님의 프로필

kain74

2020.10.18

opaicty는 돔이 화면에 살아있습니다.

display:none은 돔이 사라집니다.

아코디언만들때 생각해보시면 그차이를 알수있을겁니다.