댓글 : 그러나 CSS3이 나타난 후 반복 된 디스플레이 상황이 개선되었습니다. 배경 크기의 속성은 배경 이미지를 스트레칭하고 채우려는 이전의 희망을 실현할 수 있습니다. 특정 사용 방법은 다음과 같습니다. 관심있는 친구들이 그것을 언급 할 수 있습니다. 모든 사람에게 도움이되기를 바랍니다.
배경 이미지 스트레치를 채우는 방법,이 질문은 간단하게 들립니다. 하지만 말해서 죄송합니다. 우리가 생각하는 것만 큼 간단하지 않습니다.예를 들어, 컨테이너 (Body, Div, Span)에 배경을 설정하십시오. 이 배경의 길이와 너비 값은 CSS2.1 전에 수정할 수 없습니다.
따라서 실제 결과는 반복적으로 만 표시 될 수 있으므로 반복, 반복 X, 반복 Y, 반복되지 않은 등의 특성이 나타납니다. 배경 이미지의 표시를 제어하는 데 사용됩니다. 따라서 배경 사진에는 두 가지 유형이 있습니다.
1. 그것은 전체 큰 그림입니다. 크기와 면적 크기는 일치합니다.
2. 반복을 통과 한 후 매우 작은 막대 차트는 매우 규칙적인 큰 그림 배경을 형성합니다.
그러나 CSS3이 나타난 후이 상황이 개선되었습니다. 배경 크기의 속성은 이전의 희망을 이루어 줄 수 있습니다.
이 속성은 Firefox, Chrome 및 IE9에서 사용할 수 있습니다.
특정 사용 방법은 다음과 같습니다.
배경 이미지 크기 (수치 표현) :
#배경 크기 {
배경 크기 : 200px 100px;
}
배경 이미지 크기 (비율 표현) :
#배경 크기 2 {
배경 크기 : 30% 60%;
}
배경 이미지 크기 (요소를 채우기 위해 이미지를 확장하는 것과 같습니다.
#배경 크기 3 {
배경 크기 : 덮개;
}
배경 이미지 크기 (이미지를 동일한 비율로 줄여 요소의 크기, 즉 값을 포함) :
#배경 크기 4 {
배경 크기 : 포함;
}
배경 이미지 크기 (이미지 자체의 크기로 요소를 채 웁니다. 즉, 자동 값) :
#배경 크기 5 {
배경 크기 : 자동;
}