html - 在 Blazor WebAssembly 中设置背景图像

标签 html css asp.net-core blazor blazor-webassembly

我尝试使用以下代码为我的 div 设置背景图像:

背景图片:url(../wwwroot/resources/images/LoginBackground.jpg);

但它不起作用,我尝试在网址中使用 ' 和 "但它也不起作用。

最佳答案

该路径是编译后的相对路径,可以使用<img >来判断。

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

如果可以显示图像,则可以将此路径指定为url() .

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

关于html - 在 Blazor WebAssembly 中设置背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65917673/

相关文章:

jquery - 在页面加载之前运行 JQuery

javascript - ASP.Net Core 3 和简单的 POST Controller

html - 如何隐藏绝对定位元素下方的部分元素?

html - 使用“AddThis”类型脚本与手动添加每个社交按钮

javascript - 不能使用变量来更改 css 属性

html - 删除表格顶部的额外间距

html - 我怎样才能在一页中使用两个背景图像

html - Bootstrap 4 更改不同尺寸的 col 位置

c# - ASP.NET Core NLog nlog.config 已加载但被忽略

c# - ASP.NET Core CRUD 工具 : command not found but actually installed