Question

我在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")" />

Answer 1

某些样式往往不像其他浏览器上的背景渐变那样工作。

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);

Answer 2

啊，这只是一个语法错误。

当我第一次看到Firefox的控制台时，我错过了它，但显然我在规则类的末尾错过了一个引号，然后基本上使它后面的所有内容无效。 Chrome对此完全没问题，但该引用是造成其他浏览器“加载内容”效果的原因。

有些CSS没有加载

2 个答案: