MVC3中的CSS背景图片

Question

我正在尝试为我的MVC3应用创建样式表。我不确定如何格式化background-image：url。

background-image:url('../../Content/images/gradient_tile_page_top.png');

或

background-image:url('~/Content/images/gradient_tile_page_top.png');

我已经尝试了两种方法而且都没有工作。对于MVC来说，Css似乎有点棘手。

Answer 1

如果您遵循“规范”，您的主页面布局将具有以下内容：

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

和您的其他资源（例如图片）将直接驻留在内容文件夹中或内容下的“images”文件夹中。

因此，在您的示例中：

background-image:url('../../Content/images/gradient_tile_page_top.png');

变为

background-image:url('images/gradient_tile_page_top.png');