CSS: obraz tła nie wypełnia się podczas przewijania

Question

Jan 18, 2010, 05:02 AM

CSS: obraz tła nie wypełnia się podczas przewijania

pracuje na bardzo małej stronie, która ładuje się za jednym zamachem, więc jest div, który przechowuje wszystkie obrazy tła, a na dodatek (tzn.wyższy indeks Z) istnieje div content, który zawiera wszystko. Mogę łatwo przełączać tła na podstawie wybranej zawartości.

Niestety zauważyłem, że uruchamiasz się w małym oknie, aby pojawiały się paski przewijaniajeśli przewijasz, nie ma obrazu tła w „odsłoniętych” częściach strony. :-(

Struktura strony:

<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;
}