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;确定背景图片大小的问题。

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

当我设置background-attachment：fixed时，CSS background-image会调整大小

1 个答案: