0

親の div の幅よりも広い複数の要素を含む div があります。overflow-x をスクロールするように設定し、background-attachment もスクロールするように設定しましたが、左右にスクロールしても背景画像は固定されたままです

ページへのリンクは次のとおりです。 http://okcomputerstl.com/K9_Athletic_Club/services.html レンガの背景は、スクロールしたいものです

ここにCSSがあります

.framecontain {
    width: 979px;
    height: 490px;
    position: relative;
    overflow-x: scroll;
    background-image: url(../graphics/services/brickbg.png);
}

.services .textbox {
    position: absolute;
    top: 52px;
    width: 395px;
    height: 358px;
    z-index: 2;
    background-image: url(../graphics/services/frame.png);
}

.services .one {
    left: 64px;
}

.services .two {
    left: 508px;
}

.services .three {
    left: 953px;
}

.services .four {
    left: 1388px;
}

.services .five {
    left: 1826px;
}
4

1 に答える 1

0

これを実現するには、レンガの壁のコンテナを別の div でラップする必要があると思います。

<div id="container">  <!-- div having the scrollbar-->
  <div id="bricks"></div> <!-- div having the background-->
</div>
于 2012-07-24T22:28:12.420 に答える