Question

我想在我从地球飞向月球的网页上制作火箭。对于背景，我想有一张看起来像这样的照片： background 。我对这一切都很陌生，所以我不知道是否可能有一个很高的高度和最大的质量图片作为背景。

我想知道如何修复背景的大小调整，以便它只关注宽度而不是高度。我只想在浏览器中完全使用宽度。

提前致谢。

Answer 1

你可以通过创建一个div类来调用bg，例如：

.bg {
    /* The image used */
    background-image: url("image.png");   

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

现在我们已经设置了div类，我们需要使用它

<body>
    <div class="bg">
        /* place page contents here */
    </div>
</body>

Answer 2

使用background-size: cover;填充背景。

背景图片可以有多长时间？

2 个答案: