Изменение размера фона в браузере, не исправлено - PullRequest
Новая
       27

Изменение размера фона в браузере, не исправлено

1 голос
/ 24 марта 2012

У меня есть веб-сайт, который я создаю, для которого требуется изменение фона.В настоящее время я использую Supersized для таких сайтов, как этот.Но этот сайт уникален.Проблема с Supersized заключается в том, что он всегда изменен до полного экрана и имеет фиксированный фон.

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

Например, если у меня есть изображение размером 600px x 600px, я хочу изменить его размер на веб-сайте, чей браузер имеет ширину 1200px и теперь составляет 1200xx 1200px.Даже если высота сайта 1800px (с прокруткой).И что он остается в верхней части страницы (абсолютное положение, а не фиксированный).Таким образом, высота сайта в 1200px будет изображением, а оставшиеся 600px в нижней части сайта будут такими, какими будет установлен стиль фона тела.

Возможно ли это?

1 Ответ

2 голосов
/ 24 марта 2012

Я считаю, что вы ищете свойство background-size css3. Предполагая, что вы хотите установить фоновое изображение в div, вам нужно сделать ширину этого div и размер фона равным 100%, и установить background-image в no-repeat: 

#background_image {
    width: 100%;
    background: url('path/to/image.jpg') no-repeat red;
    background-size: 100%;
}​

Взгляните: http://jsfiddle.net/PgnvQ/

...