Thymeleaf - Ustawienie properties dla background image

pytanie zadane 14 kwietnia 2020 w Java przez michael.scott Nowicjusz (200 p.)

Mam problem z ustawienie properties dla obrazu który ma wyświetlać się jako background image na głównej stornie

Próbowałem ustawić obraz najpierw w pliku css, jednak obraz się nie ładował (ścieżka css do pliku thymeleaf była poprawnie ustawiona, wszystkie inne properties się ustawiły poprawnie).

Następnie znalazłem że można ustawić obraz w samym thymeleaf'ie i tak zrobiłem

<body th:style="'background: url(images/image1.jpg)'">

obraz się ładuje, jednak nie mogę ustawić dla niego properties.

mogę też dodać niektóre zależności za nawiasem po spacji, jednak jeżeli dodaje np.

cover

po przecinku, to obraz się nie ładuje

przy tworzeniu tej strony używałem Visual Studio Code i tam podawałem takie zależności jak :

.container{
background-image: url('image1.jpg');
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

Pytanie: jak ustawić te properties aby działały również w thymeleaf ?

Chciałbym aby obraz po prostu był dopasowany na całą szerokość i wysokość strony, oraz był wycentrowany.

2 odpowiedzi

odpowiedź 14 kwietnia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)

https://stackoverflow.com/questions/35789526/how-to-set-background-url-for-css-files-in-thymeleaf

komentarz 14 kwietnia 2020 przez michael.scott Nowicjusz (200 p.)

gdyby jakiekolwiek z proponowanych solucji na stacku działało to nie zadawałbym pytania tutaj.

używając :

<body th:style="'background: url(images/image1.jpg) center no-repeat cover'">

obraz się nie ładuje,

usuwając cover obraz się ładuje ale jest to 30% całego obrazu - jest on powiększony co w efekcie wyświetla mi górny lewy kraniec całego obrazu w powiększeniu