C# 一些CSS没有加载
我在C# 一些CSS没有加载,c#,css,asp.net-mvc,razor,C#,Css,Asp.net Mvc,Razor,我在cshtml文件中加载了一些css,这样我就可以使用razor语法来定义一些颜色。名为CustomCss的ActionResult将文件作为部分视图返回。这在Chrome中运行良好,但在Firefox和IE中,某些样式不会加载——如果我在Chrome中检查元素,它会在元素的样式中列出CustomCss文件,但在Firefox中执行相同操作会显示该文件不在该列表中。事实上,有些样式确实会加载,这让我很困惑 有什么问题吗 行动 public ActionResult CustomCss() {
cshtml
文件中加载了一些css,这样我就可以使用razor语法来定义一些颜色。名为CustomCss
的ActionResult将文件作为部分视图返回。这在Chrome中运行良好,但在Firefox和IE中,某些样式不会加载——如果我在Chrome中检查元素,它会在元素的样式中列出CustomCss
文件,但在Firefox中执行相同操作会显示该文件不在该列表中。事实上,有些样式确实会加载,这让我很困惑
有什么问题吗
行动
public ActionResult CustomCss()
{
Response.ContentType = "text/css";
return PartialView("css/custom.css");
}
链接样式表
<link rel="stylesheet" type="text/css" href="@Url.Action("CustomCss", "Home")" />
在其他浏览器上,某些样式的效果往往与背景渐变不同
You have to add additional CSS
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #2F2727, #1a82f7);
/* IE 10 */
background: -ms-linear-gradient(top, #2F2727, #1a82f7);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #2F2727, #1a82f7);
啊,这只是一个语法错误
当我第一次在Firefox的控制台中查看时,我没有看到它,但很明显,我在一个规则类的末尾缺少了一个引号,之后的所有内容基本上都失效了。Chrome对此完全没有问题,但正是这句话导致了其他浏览器中的“things's not loading”效果。为什么要将css文件作为部分视图返回?以便首先加载它……我假设……我并没有真正编写该操作。在您的_Layoutfile中,您不能添加
@RenderSection(“css”,false)
中的
,然后在您的视图中,do@section css{}
Firefox和IE也可能被缓存,导致css文件无法加载。在Firefox和IE10中,你可以通过按Alt+shift+delete`并选择“清除缓存”来清除缓存。@Andrew缓存没有造成问题,但我正在执行渲染操作
和不幸的是,这不是问题;我试着只加了边框:1px纯黑
,但没有显示出来。
You have to add additional CSS
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #2F2727, #1a82f7);
/* IE 10 */
background: -ms-linear-gradient(top, #2F2727, #1a82f7);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #2F2727, #1a82f7);