Комментарий: Однако после появления CSS3 повторная ситуация отображения была улучшена. Свойство размер фонового размера может сделать нашу предыдущую надежду на растяжение и заполнение фонового изображения. Конкретный метод использования заключается в следующем. Заинтересованные друзья могут ссылаться на это. Я надеюсь, что это будет полезно для всех.
Как сделать заполнение фона растяжения изображения, этот вопрос звучит просто. Но мне жаль сказать вам. Не так просто, как мы думаем.Например, установите фон в контейнере (тело, Div, Span). Длина и значение ширины этого фона не могут быть изменены до CSS2.1.
Таким образом, фактический результат заключается в том, что его можно отображать только многократно, поэтому появляются свойства, такие как повторный, повторный-x, rete-y, без повторного оборудования. Он используется для управления отображением фоновых изображений. Поэтому есть два типа фоновых картин:
1. Это целая большая картина, размер и размер площади просто соответствуют
2. Очень маленькая барная карта, проходя через повтор, образует очень обычный большой фон изображения.
Однако после появления CSS3 эта ситуация была улучшена. Собственность размер фонового размера может восполнить наши предыдущие надежды.
И это свойство может использоваться на Firefox, Chrome и IE9.
Конкретный метод использования следующим образом:
Размер фонового изображения (числовое представление):
#фоновый размер {
Разовый размер: 200px 100px;
}
Фоновый размер изображения (процентное представление):
#фоновый распределение2 {
Фоно-размер: 30% 60%;
}
Размер фонового изображения (эквивалентный для расширения изображения, чтобы заполнить элемент, то есть значение обложки):
#фоновая размера3 {
Фоно-размер: обложка;
}
Размер фонового изображения (уменьшить изображение в равном соотношении, чтобы адаптироваться к размеру элемента, то есть содержит значение):
#founal-size4 {
Фоно-размер: содержать;
}
Размер фонового изображения (заполняет элементы размером самого изображения, то есть автоатическое значение):
#фоновый размеры 5 {
Фоно-размер: Авто;
}