인프런 커뮤니티 질문&답변

Hwi Kwon님의 프로필 이미지

작성한 질문수

애플 웹사이트 인터랙션 클론!

스크롤 애니메이션 구현 4

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

해결된 질문

20.10.18 10:58 작성

·

459

0

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

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

답변 3

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

2020. 10. 19. 17:28

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

0

Hwi Kwon님의 프로필 이미지
Hwi Kwon
질문자

2020. 10. 19. 22:27

감사합니다. 

0

kain74님의 프로필 이미지

2020. 10. 18. 14:34

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

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

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

Hwi Kwon님의 프로필 이미지

작성한 질문수

질문하기