CSS background-image在我设置background-attachment: fixed时调整大小

Question

我有一个名为"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;
    }

Answer 1

我刚刚遇到了使用background-size: contain;调整背景图像大小的相同问题。

当我将background-attachment设置为fixed时，大小不再应用于包含背景图像的元素，而是似乎应用于视口，因此它要大得多，并扩展到原始元素之外。