백그라운드 이미지가 바둑판식으로 정렬되는 문제
본문
/********************************************************
■ Layout : 레이아웃
********************************************************/
.wrapper { margin:0 auto; background-image:url('http://droneportable.com/data/editor/1704/11b226f3494e63ef61e2465bafa7d376_1493383839_4899.jpg'); }
.at-container { margin:0px auto; padding:0px; }
.is-pc .at-body { min-height:600px; }
.at-body .at-container { padding:0px 15px; overflow:hidden; }
.boxed.wrapper .at-body .at-container { padding:0px 20px; }
.at-content { position:relative; padding:20px 0px; }
.at-row { margin-left:-15px; margin-right:-15px; }
.at-col { position:relative; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px; }
.nav-fixed .at-menu { width:100%; z-index:10; left:0px; }
@media all and (max-width:991px) {
.responsive .at-body .at-container { padding:0px 10px !important; }
.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
.responsive .pull-right.at-main,
.responsive .pull-left.at-side { float:none !important; }
}
현재 칼러셋이 이렇게 되어 있습니다. 이렇게 하면 홈페이지 배경 이미지가 박둑판식으로 한개의 이미가 여러개 나옵니다. 그냥 크게 하나만 홈페이지 전체를 적용하고 싶은데 어떻게 하면 될까요???
답변 1
.wrapper {
margin:0 auto;
background-image:url('http://droneportable.com/data/editor/1704/11b226f3494e63ef61e2465bafa7d376_1493383839_4899.jpg');
background-repeat:no-repeat;
background-size:cover
}