콘텐츠 요소를 보이지 않게 하는 방법 과 차이점

 

콘텐츠 요소를 보이지 않게 하는 방법은 아래와 같습니다. 

 

 

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;을 사용합니다.

- 보이지 않게 하면 콘텐츠 영역 또한 사라집니다.