Question

我正在为音乐学校开发网站。我想为登录页面设置背景图片。我怎么能这样做？

@Html.ActionLink("EntryMode","EntryMode","Home")
@Html.ActionLink("Students","Index","Students")

@using (Html.BeginForm(new { @class = "form login-form" }))
{ ....
  //form code here


}

Answer 1

如果要在视图中使用不同的背景，则必须在该视图的标记中进行适当的更改，而不是在_Layout.cshtml文件中。这可以通过简单地包装该页面的内容来实现，例如，在

中

<body style="background-image:url('background.png');">
</body>

标签，但这取决于您已有的标记。提供您的代码，它将有助于给出更确定的答案。

UPD ：将其添加到视图

<style>
    body { background-image: url("background.jpg"); }
</style>

Answer 2

如果您正在使用布局页面，则可以将控制器的名称添加为正文中的类。这样你可以做很多控制器驱动的布局操作。至少我就是这样做的。

有些事情:(未经测试，随意编辑）

<body class="controller-@ViewContext.Controller.GetType().Name">
 <div id="yourheaderimage">
  <img .../>
 </div>
</body>

结合css

#yourheaderimage {
 display: none;
}

controller-HomeController #yourheaderimage {
 display: block;
}

仅在Home控制器中为Index视图设置背景图像

2 个答案: