Question

我制作了背景图片，1366px宽和768px高，我想将其用作website主页的背景。

我使用FullPage插件将我网站的每个页面分为几个部分。这是主页面，所以我只使用了第一部分。

到目前为止，我尝试将此CSS代码添加到主页的#first部分：

#first{
        width: 500px;
        height: 500px;
        background-image: url(images/ClanshnowXmasEventSmall.jpg) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

不幸的是，图像只是部分显示。实际上它比它实际上要短一点。

我为 background-size 属性阅读 documentation ，并在封面属性中说：

将背景图像缩放到尽可能大，以使背景区域完全被背景图像覆盖。 背景图片的某些部分可能无法在背景定位区域中查看

所以基本上如何让我的背景图像适合屏幕尺寸？考虑到移动端，我认为最好只适合它的宽度。我愿意接受建议和帮助！

Answer 1

请查看此处：https://www.google.be/amp/s/css-tricks.com/perfect-full-page-background-image/amp/?client=safari

祝你好运！

背景封面属性未按预期工作

1 个答案: