Я ищу способ получить фоновое изображение для изменения размера страницы (Примечание: не только размер окна браузера). Например, скажите, что страница загружается, а высота страницы требует свитка. Есть ли способ изменить размер фонового изображения с учетом содержимого ниже видимой части экрана?Получение фонового изображения для изменения размера страницы
При использовании CSS3 is'nt проблема:
$('body').css('background-size', document.width+'px '+document.height+'px');
Он должен работать на IE7 :( – BIOS
Тогда вам, вероятно, придется установить bakground как отдельный элемент img, а не в CSS, и установить его размер на 100%, который должен работать в большинстве браузеров. – adeneo
Я не был способный заставить вышеуказанный код работать в FF или Chrome на отдельной веб-странице (не пробовал это в скрипке), но следующие работали: '$ ('body'). css ({'backgroundSize': $ (document) .width() + 'px' + $ (document) .height() + 'px'}); ' –
Если вы не требуют поддержки IE8 или раньше:
body {
background: url(image.jpg) no-repeat 0 0;
background-size: auto 100%;
}
Это поддерживает соотношение сторон изображение, поэтому изображение не обязательно будет охватывать всю ширину страницы.
К сожалению, он должен работать на IE7 :( – BIOS
попробуйте этот плагин ['bgstretcher'] (http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html) – undefined
Этот плагин действует на тег img (скорее чем использование фонового изображения и фонового размера) и, похоже, поддерживает IE7. –