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