CSS: 배경에 전체 이미지가 적용되게 만들기 background-position: center center; 사용

230423 Sun

배경에 전체 이미지가 적용되게 만들기

우선 부딪힌 문제는 배경 이미지가 전체적으로 적용되긴 했는데 
배경 이미지의 가로 일부가 잘려서 배경으로 적용되는 것이었다.

해결책은 아래 코드인

background-position: center center;

을 사용하면 된다. 

전체 코드) 제일 하단에 추가했다.

.BgImage {
	background-image: url("../images/mainBlur.png"); 
	background-size: cover;
 	background-attachment: fixed; 
 	background-position: center center;
}

결과) 현재 만들고 있는 팀 프로젝트의 main 화면인데, 오른쪽에 잘렸던 건물 이미지가 나오게 됐다.

---