Vaadin將背景圖像設置爲背景

Question

我試圖在網頁上實現背景圖像，但它不起作用。

這裏的CSS代碼：

backgroundimage { 
body{ 
     background: url("common/images/blue.jpg"); 
    } 

}

下面是實現代碼：

public class LogInView extends VerticalLayout implements View { 


      private Navigator navigator; 

      TextField txtusername = new TextField("Username: "); 
      PasswordField txtpassword = new PasswordField("Password: "); 
      Image image = null; 
      JDBCConnectionPool connectionPool; 

      public LogInView() { 
       setStyleName("backgroundimage"); 
      } 
    } 

Answer 1

試試這個CSS（不含體選擇）：

.backgroundimage { 
     background: url("common/images/blue.jpg") !important; 
} 

並檢查佈局瀏覽器，確保圖像路徑正確。