如何添加剃须刀背景图片

Question

我正在尝试向我的 blazor 项目添加背景图像，但是当我放置背景图像时，我会出现在我拥有的所有页面上，如何才能使我想要的背景图像仅出现在使用单页中而不出现在加号上？，我有一个组件（我用作布局），在其中放置以下内容，这样在我的登录中我不会出现菜单（我将其作为 LoginLayout.razor ）

@inherits LayoutComponentBase

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

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

Answer 1

如果我理解正确，您需要特定 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>