CSS: фоновое изображение не заполняется при прокрутке
работая на очень маленьком сайте, который загружается за один раз, так что есть div, который содержит все фоновые изображения, и вдобавок к этому (т.е.более высокий z-индекс) есть div содержимого, который содержит все. Я могу легко переключать фоны в зависимости от того, какой контент выбран.
К сожалению, я заметил, если вы запустите в маленьком окне, чтобы появились полосы прокрутки,если вы прокручиваете, фонового изображения нет в «раскрытых» частях страницы. :-(
Структура страницы:
<body>
<div id="bg">
<div class="bgone"></div>
<div class="bgtwo"></div>
</div>
<div id="container">
<!-- content panels here -->
</div>
</body>
CSS:
#bg
{
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
width:100%;
height: 1024px;
z-index:1;
}
.bgone
{
margin: 0px;
position: absolute;
width:100%;
height: 1024px;
background-image:url(../images/one.jpg);
background-position:top;
background-repeat:repeat-x;
z-index:2;
}
.bgtwo
{
margin: 0px;
position: absolute;
width:100%;
height: 1024px;
background-image:url(../images/two.jpg);
background-position:top;
background-repeat:repeat-x;
z-index:3;
}
#container
{
position:relative;
width:900px;
padding:0px;
margin:0px auto;
height:600px;
z-index:10;
}