現在、Spring ブートを使用して Vaadin 14 Webapp を開発しています。css を使用してアプリに背景画像を追加したいのですが、ブラウザは常に画像を読み込めませんでしたと言っています。
VaddinView:
@Route("")
@CssImport("./styles/styles.css")
public class MainView extends VerticalLayout {
...
スタイル.css
html{
background-image: url("../images/background.jpg");
}
Spring ブートを使用しているため、プロジェクトの構造は次のようになります。
project
-src
-main
-java
-...
-MainView.java
-resources
-test
-frontend
-styles
-styles.css
-images
-background.jpeg
画像 URI を Web 画像の URL に置き換えるか、グラデーションを背景画像として使用すると、すべて正常に動作します。