이게 CSS만으로 가능한건가요?

Question

이 사이트처럼 첫페이지를 배경만으로 꽉채운 페이지로 만들고 싶은데

웹브라우저 크기를 줄였다 넓혔다 해보시면 바탕화면이 브라우저 크기에 맞춰서 사이즈가

조절됩니다.

<style>

body {

background-image: url(images/bg.jpg);

background-size: cover;

background-repeat: no-repeat;

}

</style>

이렇게도 해봤으나 브라우저가 작아지면 바탕화면이 그냥 16:9 비율로 유지되어서

이상하고 줄어들었다 늘어났다 하면서 크기를 재조정할때마다 일종의 계단현상같은

이미지 깨짐이 있다가 복구되고 하더군요. 부드럽게 되지 않구요.

그리고 위 사이트는 이미지의 초점이 무당벌래에 맞춰져서 줄어들고 늘어나고 하더군요.

CSS만으로 가능한가요?

달콤별 · Accepted Answer

background-position: center center;

천사별 · Answer

위의 사이트는 Bootstrap-select 를 이용해서 구성하였습니다.