#9 박스모델 4편 background 질문입니다

Question

backgound: url(지정하고) no-repeat cover;

했는데 no-repeat 까지 했을때 이미지 나오는데

cover 하니깐 이미지가 사라지네요

반복해서 쓸때 size는 적용이 안되는 건가요?

Answer

단축속성 background로 배경을 지정할 때 size를 cover로 하면

position 값도 함께 해주어야 합니다.

background: url(지정하고) no-repeat center / cover;

이렇게 하시면 될 거에요~!

MDN의 설명을 보시면 다음과 같은 규칙이 나와있어요.

=> bg-size 값은 bg-position 바로 뒤에만 위치할 수 있으며 '/' 문자로 구분해야 합니다.
(출처 : https://developer.mozilla.org/ko/docs/Web/CSS/background)