как установить размер фонового изображения = 100% или растянуть до полного <div>фона

Question

мой код CSS =

background:url(images/solu_bg.png) no-repeat left top;

но это не распространяется на всю div область фона. Почему?

Answer 1

Вот некоторые инструкции о том, как это сделать.

Но, как говорит Дэвид Дорвард в своем ответе, это отвратительный взлом.

Answer 2

У CSS3 есть свойство с именем background-size, которое вы можете использовать (однако оно поддерживается не всеми браузерами):

body {
    background-size: cover;
    -moz-background-size: cover; /* for Firefox */
}

Более подробная информация доступна на ALA

Answer 3

Нет способа (кроме, возможно, использования вещей, предложенных для CSS 3, которые не пользуются широкой поддержкой) для масштабирования фоновых изображений (и браузеры в любом случае довольно плохо масштабируют изображения).

Возможно подделатьэто абсолютно позиционирование переднего плана (контента) <img> за контентом, но это просто уродливый хак (с некоторыми неприятными побочными эффектами, если, например, таблица стилей не отображается, и вы получаете изображение, загруженное в линию с контентом).

Лучше оформить страницу так, чтобы она использовала отдельные изображения (которые могут сливаться в сплошной цвет) или повторяющиеся изображения.