在 blazor webassembly 中设置背景图片

Question

我尝试使用以下代码为 div 设置背景图片：

背景图像：url(../wwwroot/resources/images/LoginBackground.jpg);

但它不起作用，我在 url 中尝试了 ' 和 "，但它也不起作用。

Answer 1

这个路径是编译后的相对路径，可以用<img >判断。

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

如果能显示图片，这个路径可以赋值给url()。

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

set background image in blazor webassembly