Fatal编程技术网
  • spring/
  • Spring 设置没有css的背景图像

Spring 设置没有css的背景图像

spring vaadin

Spring 设置没有css的背景图像,spring,vaadin,vaadin-spring-boot,Spring,Vaadin,Vaadin Spring Boot,我正在寻找一个解决方案，以建立没有CSS的知识和CSS文件添加背景图像。在这一点上，我依靠瓦丁强大的力量。显然，发布的解决方案不适合我，因为我使用内置ValoTheme，我非常希望遵循我的原则（只使用一种样式） 在没有CSS的情况下可以这样做吗？您可以在正文中设置background属性，如下所示： <body background='path/to/image/file.png'> 这里是W3学校网站的链接，供参考：没有样式你就做不到。样式可以在SCSS文件内或内联（Cssl

我正在寻找一个解决方案，以建立没有CSS的知识和CSS文件添加背景图像。在这一点上，我依靠瓦丁强大的力量。显然，发布的解决方案不适合我，因为我使用内置ValoTheme，我非常希望遵循我的原则（只使用一种样式）

在没有CSS的情况下可以这样做吗？

您可以在
正文中设置background属性，如下所示：


<body background='path/to/image/file.png'>







这里是W3学校网站的链接，供参考：
没有样式你就做不到。样式可以在SCSS文件内或内联（Csslayout）中。下面是您在.scss中的操作方法
您需要将图像粘贴到VAADIN/themes//images文件夹中


@import "../valo/valo.scss";

@mixin mytheme {
@include valo;

// Insert your own theme rules here
    .image-background{
        background-color: red;
        background-image: url("images/w3-background.jpg");
    }
}


并使用.addStyleName（）应用此样式，如下所示：


@Theme("mytheme")
public class MyUI extends UI {

    @Override
    protected void init(VaadinRequest vaadinRequest) {
        final VerticalLayout layout = new VerticalLayout();
        setContent(layout);
        layout.setSizeFull();

        layout.addStyleName("image-background");
    
        layout.addComponent(new Button("Hello, World!"));
        layout.addComponent(new Button("Hello, World!"));
        layout.addComponent(new Button("Hello, World!"));
        layout.addComponent(new Button("Hello, World!"));
        layout.addComponent(new Button("Hello, World!"));
        layout.addComponent(new Button("Hello, World!"));
    }

    @WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
    @VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
    public static class MyUIServlet extends VaadinServlet {
    }
}


以下是截图：


您可能需要在浏览器中重新加载URL或删除浏览器历史记录，以便正确加载更改的CSS

我希望这有帮助。：-）\


在这里，我不使用css，非常抱歉
谢谢您的回复，但我正在寻找一种处理Vaadin的具体方法。不是简单的HTML。我自己想出来的，幸运的是你和我也这么想。我可以问你吗？使用chroma开发控制台，我发现styles.css文件会读取两次。。。这正常吗？我不明白为什么会这样。谢谢你的回复。