1

現在、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 に置き換えるか、グラデーションを背景画像として使用すると、すべて正常に動作します。

4

1 に答える 1