Question

我在asp.net mvc3上有一个应用程序，并在剃须刀视图中工作。在我的布局页面上，我附加了一个css文件并在该文件中添加了一些css，但是当我访问/Account/LogOn时，css无法正常工作。
只有在Logon视图上附加css时它才有效。任何人都知道为什么布局页面上附加的CSS不能用于/Account/LogOn？

我还尝试了以下代码：

@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "xyz.com – Login";
 }

它仍然无效。提前致谢

Answer 1

使用url helper引用你的css 像这样

<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/default.css")"  media="screen" />

Answer 2

在_layout.cshtml中，确保使用引用应用程序根目录（〜）的路径。使用@Url.Content()来逃避路径：

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

Answer 3

在文件夹Contents下创建样式表，名称为abc.css

现在在LayoutPage中包含样式表，以便它自动包含在从内容页面派生的所有页面中。

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

Css在asp.net mvc3 Razor Views中无法正常工作

3 个答案: