인프런 커뮤니티 질문&답변
작성한 질문수
#9 박스모델 4편 background 질문입니다
작성
·
248
1
backgound: url(지정하고) no-repeat cover;
했는데 no-repeat 까지 했을때 이미지 나오는데
cover 하니깐 이미지가 사라지네요
반복해서 쓸때 size는 적용이 안되는 건가요?
답변 1
4
유노코딩
지식공유자
단축속성 background로 배경을 지정할 때 size를 cover로 하면
position 값도 함께 해주어야 합니다.
background: url(지정하고) no-repeat center / cover;
이렇게 하시면 될 거에요~!
MDN의 설명을 보시면 다음과 같은 규칙이 나와있어요.
=> bg-size 값은 bg-position 바로 뒤에만 위치할 수 있으며 '/' 문자로 구분해야 합니다.
(출처 : https://developer.mozilla.org/ko/docs/Web/CSS/background)