이게 CSS만으로 가능한건가요?
본문
http://www.europarc-deutschland.de/marktplatz-natur/
이 사이트처럼 첫페이지를 배경만으로 꽉채운 페이지로 만들고 싶은데
웹브라우저 크기를 줄였다 넓혔다 해보시면 바탕화면이 브라우저 크기에 맞춰서 사이즈가
조절됩니다.
<style>
body {
background-image: url(images/bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
</style>
이렇게도 해봤으나 브라우저가 작아지면 바탕화면이 그냥 16:9 비율로 유지되어서
이상하고 줄어들었다 늘어났다 하면서 크기를 재조정할때마다 일종의 계단현상같은
이미지 깨짐이 있다가 복구되고 하더군요. 부드럽게 되지 않구요.
그리고 위 사이트는 이미지의 초점이 무당벌래에 맞춰져서 줄어들고 늘어나고 하더군요.
CSS만으로 가능한가요?
답변 2
background-position: center center;
위의 사이트는 Bootstrap-select 를 이용해서 구성하였습니다.
죄송한데 그 기능이 부트스트랩 예제에 있나요? 처음들어보는 기능이네요.
답변을 작성하시기 전에 로그인 해주세요.