Разрезать это фоновое изображение для оптимальной реализации CSS?

Question

Каков оптимальный способ нарезки этого фонового изображения для оптимальной реализации CSS?Дизайнер не знает CSS и, поскольку мы не являемся экспертами CSS, мы не уверены в том, как лучше нарезать фоновое изображение.Фон, конечно, должен быть плавным и масштабироваться под различные размеры монитора и длины страниц.В то же время, кажется неоптимальным иметь одно большое изображение или несколько маленьких изображений.

Нам не нужно поддерживать IE6.

Любой совет?

Answer 1

CSS3 поддерживает несколько перекрывающихся фоновых изображений (вы бы хотели, чтобы они были прозрачными PNG-изображениями или аналогичными), а также свойство background-size, позволяющее вам адаптироваться к различным размерам окна.Мне кажется, это точно решит вашу проблему.

Проверьте здесь , чтобы увидеть, достаточно ли широко поддерживается функция для вашей целевой аудитории.

Answer 2

Нарезая, я не на 100% уверен, что именно вы хотите.Я предполагаю, что вы ищете способ растянуть часть Facebook настолько, насколько это необходимо, при этом сохраняя фоновое изображение приличным.последнее облако и имеет повторение по вертикали фона голубого неба.С помощью свойства CSS background-repeat: http://www.w3schools.com/cssref/pr_background-repeat.asp У вас будет 3 div с полем: 0:

• div хаба panabee (фактическое содержимое), фоновое изображение - этовоздушные шары, по центру.Вы ожидаете, что его высота будет больше, чем высота вашего изображения.Если вы хотите применить это, есть минимальная высота.Внизу этого изображения должно быть голубое небо.

• div facebook, может быть настолько большим, насколько вы хотите, если вы используете повторение фона с изображением голубого неба.

• и div нижнего колонтитула, с фоновым изображением по вашему выбору, но верхняя часть изображения должна быть голубого неба.

Я думаю, что все это (кроме мин-высота, может быть?) должна работать в большинстве браузеров, даже в IE6.