.NET MVC中的CSS background-image url

时间:2017-06-29 16:43:59

标签: css asp.net-mvc url

什么是在MVC Web应用程序中路由到图像的正确方法? MVC有默认路由,例如您可以通过多种方式访问​​同一页面:

1. localhost
2. localhost/home/index

但是你可以这样,所以根目录会改变。那么有没有办法从根目录设置网址。

3. localhost/home/index/

...

我使用MVC 5.使用*.css文件,其中包含backgorund-image的类。 如果应用程序在IIS上配置为localhostlocalhost/app,则存在同样的问题。

实施例: 背景图片:

  1. http://88.119.194.40:88/test/Fleet/ro/Auth/Login

  2. http://88.119.194.40:88/test/Fleet/ro/Auth/Login/

1 个答案:

答案 0 :(得分:-1)

这取决于您使用的MVC版本。但是,通常,您使用根相对寻址(〜/)。内容不会改变,通常放在〜/ Content / css(或者你把它们放在哪里)的〜/ Content / images和css中,所以你的页面应该总是使用它。

<link rel="stylesheet" type="text/css" href="~/Content/css/site.css">

或类似..

但这仅适用于更新版本的Razor。在旧版本中,您可能需要使用内容帮助程序。

<link rel="stylesheet" type="text/css" href="@Html.Content("~/Content/css/site.css")">

编辑:

我误解了这个问题。您正在寻找的是如何在css文件中指定图像的URL。 CSS网址是相对于.css文件的位置,而不是相对于网页的位置。假设您的css文件夹和图像文件夹是彼此的兄弟姐妹:

body {
    background-image: url("../images/backgroundimg.png");
}

由于您的css文件始终位于同一位置,因此您无需更改图像的网址。