在MVC 2中使用CSS显示图像

Question

在MVC 2中，我正在尝试使用CSS在我的母版页上显示图像。

.menu .symbol-item  { background-image:url(Content/icons/page.png); }

当网址类似

时，图像正在显示

http://localhost:4745/Item

但是当URL类似

时它不会显示

 http://localhost:4745/Item/Create

两个页面都使用相同的母版页

Answer 1

您需要使用Url.Content以确保您的网址每次都会解析到同一个地方。要做到这一点，CSS需要存在于您的视图中。首先将其移至您的视图，然后执行：

.menu .symbol-item  { background-image:url(@Url.Content("~/Content/icons/page.png"); }