MVC3 中的 CSS 背景图像

【问题标题】：CSS background images in MVC3MVC3 中的 CSS 背景图像
【发布时间】：2011-05-17 19:23:45
【问题描述】：

我正在尝试为我的 MVC3 应用程序创建样式表。我不确定如何格式化背景图像：url。

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

或

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

我都试过了，都不管用。 Css 使用 MVC 似乎有点棘手。

【问题讨论】：

【解决方案1】：

如果您遵循“规范”，您的主页布局将如下所示：

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

您的其他资产（例如图像）将直接位于内容文件夹或内容下的“图像”文件夹中。

因此，在您的示例中：

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

变成

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

【讨论】：

如果我不遵循“规范”并且只想要一个没有 css 的内联 url 怎么办？
对于多级文件夹试试这个background-image: url("themes/base/images/ui-icons_222222_256x240.png")