我在ASP.NET MVC 2应用程序中显示背景图像时遇到问题.目前,在〜/ Views/Shared/Site.master中,我将样式表的链接设置为:
<link href="<%:@Url.Content("~/Content/Site.css") %>" rel="stylesheet" type="text/css" />
Run Code Online (Sandbox Code Playgroud)
我计划显示的图片在我的〜/ Content/Images/Designs.png中
这是我尝试过的
body
{
background-image: url(~/Content/Images/designs.png);
background-repeat: repeat;
font-size: .75em;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #696969;
}
Run Code Online (Sandbox Code Playgroud)
其他尝试包括:
background-image: url(./Content/Images/designs.png);
background-image: url(Content/Images/designs.png);
background-image: url(Images/designs.png);
Run Code Online (Sandbox Code Playgroud)
以上尝试都没有奏效.我能做什么?
我有一个MVC4项目,它具有以下结构:
/Content/css/sprites/topbar.css
/Content/images/topbar.png
在css文件中我试图通过使用以下方法引用图像:
background: url('../../images/topbar.png')
Run Code Online (Sandbox Code Playgroud)
但图像不显示.如果我更改它,以便图像位于:
/Content/css/sprites/topbar.png
并将css更改为:
background: url('content/css/sprites/topbar.png')
Run Code Online (Sandbox Code Playgroud)
它有效,但这打破了我的项目结构.
有任何想法吗?
我没有提到别的东西,因为我认为它不相关,但它似乎影响了这一点!
我@System.Web.Optimization.Styles.Render("~/MainStyles")用来捆绑和缩小CSS,但如果我采取了这一步,那么它就像我期望的那样工作.如何使用我的项目结构和使用捆绑来完成所有工作?