如何添加剃刀背景图像

问题描述

我正在尝试将背景图像添加到我的blazor项目中，但是当我放置背景图像时，我出现在所有页面上，我该怎么做，以便使我想要的背景图像仅在使用中出现一次页面而不是加号？，我有一个组件（用作布局），在其中放置了以下内容，这样在登录时就不会出现菜单（我将其显示为LoginLayout.razor）>

@inherits LayoutComponentBase

<div class="col-md-10">
    @Body
</div>

我在Login.razor页面上使用的那个LoginLayout

解决方法

如果我对您的理解正确，则需要特定Blazor页面/组件的背景图片。

如果您的站点中具有以下设置。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>