background-image - 当我设置背景附件时 CSS 背景图像调整大小：已修复

Question

我有一个名为“页面”的 div。我使用下面的代码用 CSS 设置它的背景图像。我将图像的大小设置为 div 宽度的 100%，并且它很好地设置了它的高度以保持它的比例。但是当我设置“背景附件：固定”时，它会调整图像的大小。它增加了图像大小，现在它不适合我的 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;.

当我将背景附件设置为固定时，大小不再适用于携带背景图像的元素，而是似乎适用于视口，因此它更大并且超出了原始元素。