c# - 如何添加剃刀背景图像
问题描述
我正在尝试将背景图像添加到我的 blazor 项目中,但是当我放置背景图像时,我会出现在我拥有的所有页面上,我该怎么做才能使我想要的背景图像仅出现在使用单个页面而不是在加号?,我有一个组件(我用作布局),我在其中放置了以下内容,这样在我的登录中我就不会出现菜单(我有它作为 LoginLayout.razor)
@inherits LayoutComponentBase
<div class="col-md-10">
@Body
</div>
我在我的 Login.razor 页面上使用的那个 LoginLayout
解决方案
如果我理解正确,您需要特定 Blazor 页面/组件的背景图像。
如果您的 site.CSS/app.CSS 中有以下设置:
.page-background-class {
background-image:url(../images/image-name.png)
}
然后在您的页面中,您可以将所有内容包含在 div 元素中,并为其指定 page-background-class 类:
<div class="page-background-class">
page stuff goes here
</div>
推荐阅读
- reactjs - Mobx React 组件在渲染时不更新
- bash - 如何在循环中运行 bash 脚本
- python - 使用 python 在 SharePoint 中上传文件
- java - 使用流将字符串转换为两个字符串
- python - 当任务名称和任务 ID 不匹配时,为什么气流会抛出异常?
- azure-pipelines - 从输入参数的所有可能组合生成作业矩阵
- python - 如何在子值旁边显示关联的标题?
- sql-server - 使用 Azure Pipeline 中的 SqlPackage 部署 DACPAC 会忽略参数并删除用户
- google-cloud-platform - 我可以在不购买域名的情况下为我的 Google Cloud Storage 设置 MainPageSuffix 吗?
- python-3.x - 有没有办法将图像逐像素转换为黑白?