background-attachment : fixed를 이용한 세련된 홈페이지 + background-size

배경이 고정되게 해서 최근 홈페이지들에서 사용하고 있는 방법을 만들 수 있다.

 

이미지를 붙여넣고 전체적으로 딱 맞게 나오게 하기 위해서

background-size : auto 100%; 옵션을 사용하자.

background-position : right bottom; 도 같이.

 

 

background-size : cover

넓은 너비에 맞춰져서 배경이 출력된다.

 

background-size : contain

짧은 너비에 맞춰져서 배경이 출력된다.