0

現在、2 つの背景画像がある Web サイトに取り組んでいます。最初の背景画像がスクロールしないようにします。そのままにしておき、画像が終了したら、新しい背景画像を開始する必要があります。

この 2 番目の背景画像をコンテンツと共にスクロールさせたいと思います。これは、background-attachment の固定プロパティであると考えています。問題は、2 番目の背景画像がコンテンツと共にスクロールしないことです。

コンテンツが終了する前のある時点で停止し、ページの下部に空白を残しています。背景の配置、背景の添付ファイル、オーバーフローのさまざまな組み合わせをいじって、ほぼすべてを試しましたが、機能しません。

背景画像のコードは次のとおりです。

body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-image: url(bg2.jpg), url(bg3.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: left top , 1920px 1288px; 
    background-attachment:local, scroll;
    overflow: auto, visible;
    margin: 0;
    padding: 0;
    color: #000;
}

background-attachment プロパティについては、2 番目の画像を修正してみましたが、うまくいきません。

私の問題の参照については、私が取り組んでいるページを確認できますここ. ご覧のとおり、2 番目の背景画像は、ページの下部にあるコンテンツに続いていません。

どんな助けでも大歓迎です。

ありがとう。

4

1 に答える 1

0

私のコメントによると、 http://www.css3.info/preview/multiple-backgrounds/で可能な解決策を見つけることができます

CSS3 の複数の背景画像は、IE 9 未満では機能しません。

フィドルが必要な場合は、教えてください。

于 2013-09-17T09:18:06.800 に答える