웹사이트 만들기/CSS
콘텐츠 요소를 보이지 않게 하는 방법 과 차이점
열대어05
2019. 12. 18. 17:01
콘텐츠 요소를 보이지 않게 하는 방법은 아래와 같습니다.
Display:none
- display:none; <--> display:block;
- 디스플레이를 사용해서 보이지 않게 하면 콘텐츠 영역 또한 사라집니다.
Visibility: hidden
- visibility: hidden; <--> visibility: visible
- 비저빌리티를 사용해서 보이지 않게 하면 보이는 건 사라지지만 영역은 유지 됩니다.
Opacity:0;
- opacity:0; <--> opacity:1;
- 오파시티를 사용해서 보이지 않게 하면 보이는 건 사라지지만 영역은 유지 됩니다.
IR (Image Replacement) 기법
- overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;을 사용합니다.
- 보이지 않게 하면 콘텐츠 영역 또한 사라집니다.