html - set background image in blazor webassembly

Question

I tried to set background image for my div with codes below:

background-image: url(../wwwroot/resources/images/LoginBackground.jpg);

but it doesn't work, I try ' and " in url but it doesn't work also.

question from:https://stackoverflow.com/questions/65917673/set-background-image-in-blazor-webassembly

Answer 1

This path is the relative path after compilation, you can use <img > to judge.

<img src="./resources/images/LoginBackground.jpg"/>

If it can show the image, this path can be assigned to url().

background-image:url('./resources/images/LoginBackground.jpg')