Question

我正在建立一个网站，但我的背景有问题。我使用{background-size：cover;}来使我的背景填满屏幕。但是当背景图像比屏幕高时，我们只能看到图像的一小部分。我想调整背景到屏幕：我不想看到任何空白，但我想尽可能多地看到图像。我真的不知道要搜索什么，我找不到任何答案来解决这个问题。有没有人可以帮助我？

换句话说，我有多个背景可用。选择并显示随机的一个。因此，我希望背景完全适合屏幕，并尽可能减少图像。对于背景大小的封面，如果选择的图像是例如UHD，则背景将仅是与屏幕对应的左上角像素（对于我来说是1920x1080）。但我希望它适合屏幕的宽度或高度（更小，自适应），以显示几乎完整的图像。

以下是CSS中的代码：

body {
    background: url('https://profuder.com/images/backgrounds/8.jpg');
    background-size: cover;
}

此图片很大，所以我只能看到左上角。

感谢您的帮助。

Answer 1

我解决了我的问题。

我真的不知道为什么，但我用来查找随机背景的JavaScript删除了初始

background-size: cover;

CSS文件中的

。

所以我刚刚添加了

document.body.style.backgroundSize = "cover";

在我的代码之后应用新的随机背景

document.body.style.background = "url('" + randomImage + "') no-repeat 0 0";

感谢您的帮助，对不起代码感到抱歉。

问候，
巴斯蒂安。

CSS问题：背景高于屏幕

1 个答案: