я не имею этот короткий пример:Как сохранить фоновое изображение до конца страницы
КОД CSS:
body{
background:url(DECUPATE/TEST/images/ppp.jpg);
bacground-size:contain;
backgoun-repeat:none;
}
я помещал картину, чтобы понять, что они хотят сделать.
http://i61.tinypic.com/10xeeeb.jpg
если вы поставите background size: cover появится до конца, но есть incomplet изображение.
Как я могу решить эту проблему?
Заранее благодарен!
Вы должны использовать HTML вместо тела, увидеть код ниже:..
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: 100% 100% cover;
-moz-background-size: 100% 100% cover;
-o-background-size: 100% 100% cover;
background-size: 100% 100% cover;
/* set the padding and margin to "0" */
margin: 0;
padding: 0;
/* set the position rules */
top: 0;
left: 0;
}
Вы можете использовать jquery plugin backstretch для этого , что позволит фон растянуться на экране. он также хорошо работает с меньшими экранами.
http://srobbin.com/jquery-plugins/backstretch/
загрузить backstrech JS из URL, приведенные выше и добавьте его в заголовок тега. начать Бэкстретч с следующий код в тег сценария
$.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");
Недостаточно jQuery ... – JonasB
<body> <img src="images/ppp.jpg"> </body>
body{
margin: 0;
padding: 0;
}
body > img{
width:100%;
height: 100%;
/*For IE*/
top: 0;
bottom: 0;
position: absolute;
}
Взгляните на этот пример, для наиболее широкой поддержки:
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Не думай об этом как один фон. Дайте вашему верхнему и нижнему колонтитулу background-img и установите позицию заголовка на background-position:center top, а ваша позиция «нижнего колонтитула» background-position:center bottom дополнительно добавит свойство background-size на 100% или на обложку. Поскольку оба элемента имеют одинаковую ширину, свойство size будет иметь одинаковый эффект для обоих.
Добавить код CSS background-attachment:fixed;
Это заставит фон оставаться неизменным, если вы прокрутите вниз.
использовать функцию JQuery Бэкстретч $ Бэкстретч ("Your_image_path"); –
Как насчет 'background-size: 100%'? –
размер фона: 100% 100%; – Devjit