如何在asp.net MVC 5中为特定视图应用背景图像

时间:2016-02-26 12:57:35

标签: css asp.net-mvc razor

对于我的登录视图,我愿意为它的视图设置特定的背景。

<body style="background-image: url('../../Content/AdminLTE/img/LogIn-BackGround.jpg');"> ...</body>

3 个答案:

答案 0 :(得分:0)

内联CSS也不错 尝试使用以下类

在您的内容中创建一个css文件
.login-bg { 
background-image: url('AdminLTE/img/LogIn-BackGround.jpg')
}

在您的视图中添加此

<link href="@Url.Content("~/Content/yourfile.css")" rel="stylesheet" />

<body class="login-bg">
..
</body>

这是一个关于文件路径的提醒将有助于quick-reminder-about-file-paths

答案 1 :(得分:0)

试试这个:

background-image:url('/Content/AdminLTE/img/LogIn-BackGround.jpg');

答案 2 :(得分:0)

如果您正在使用布局作为视图,则可以像这样在_Layout中添加一个部分:

<Html>
...
<head>
    @RenderSection( "Head",required: false )
    ....

现在,您可以在html标头中添加所需的所有内容。例如:

@section Head
{
   <style>
      body
      {
          background-image:url('/Images/img.jpg');
      }
    </style>
}

祝你好运