Java Vaadin背景图像设置大小？

目前我尝试用css设计一个Vaadin项目。我使用：

.image-background {
        background-image: url("../resources/bilder/wallpaper1.jpg");

---

然而，结果并不像预期的那样。该图像的分辨率为1920x1080px。但是如果我现在把网站放在一个低分辨率的屏幕上，我只能看到图像的一部分。是否可以使用css设置屏幕的图像全尺寸？

Vaadin部分

如果使用Vaadin运行Spring Boot，请将背景图像放在文件夹

src/main/resources/static

中，如果未运行Spring Boot，请使用

src/main/webapp

文件夹

然后添加所需的CSS以更改背景。默认情况下，Valo样式将在div中使用class

v-ui

的背景色。您可以使用自定义主题并通过它覆盖背景，也可以直接从代码更新样式

@SpringUI
public class MyUi extends UI {

    @Override
    protected void init(VaadinRequest vaadinRequest) {
        initBackground();
        initContent();
    }

    private void initBackground() {
        Page.getCurrent().getStyles().add(
                ".v-ui { background: url(background.jpg) no-repeat center center fixed;" +
                        "-webkit-background-size: cover;" +
                        "-moz-background-size: cover;" +
                        "-o-background-size: cover;" +
                        "background-size: cover; }"
        );
    }
...

CSS部分

---

对于CSS部分，您可以检查或其他一些源代码。实际解决方案在一定程度上取决于您希望背景图像的行为。

您需要查看背景图像css属性。只需在google中键入

背景图像大小css

，就可以得到足够的结果，比如这个（页面顶部）。