1

「page」という名前のdivがあります。以下のコードを使用して、CSSで背景画像を設定しました。divの幅の100％になるように画像のサイズを変更し、スケールを維持するために高さを適切に設定します。しかし、「background-attachment：fixed」を設定すると、画像のサイズが変更されます。画像サイズが大きくなり、divに収まらないため、ほとんどがカットされます。どんな助けでも大歓迎です。

CSSコード：

    #page {
        height: 100%;
        width: 60%;
        margin: 0 auto;
        background-image: url('bg2.jpg');
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
4

1 に答える 1

1

を使用してサイズ変更された背景画像で同じ問題が発生しましたbackground-size: contain;。

background-attachment を fixed に設定すると、サイズ変更は背景画像を保持する要素には適用されなくなりますが、代わりにビューポートに適用されるように見えるため、元の要素よりもはるかに大きく拡張されます。

于 2013-02-12T12:18:03.367 に答える