相关疑难解决方法(0)

CSS Background-Image拒绝在ASP.Net MVC中显示

我在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)

以上尝试都没有奏效.我能做什么?

css asp.net-mvc-2

21
推荐指数
2
解决办法
6万
查看次数

MVC无法在css中使用background-url显示图像 - 使用捆绑

我有一个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,但如果我采取了这一步,那么它就像我期望的那样工作.如何使用我的项目结构和使用捆绑来完成所有工作?

css asp.net-mvc

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×2

asp.net-mvc ×1

asp.net-mvc-2 ×1