ASP.net MVC 3 NAVIGATION ACCORDION 图像路径答案

【问题标题】：ASP.net MVC 3 NAVIGATION ACCORDION Image pathASP.net MVC 3 NAVIGATION ACCORDION 图像路径
【发布时间】：2013-12-27 20:06:38
【问题描述】：

如何在 css 中为 ASP.net mvc 3 的不同文件夹中的图像设置路径。因为我的 ACCORDION 没有在展开模式下滑动。

这是我的代码

.dcjq-icon {
height:17px;
width:17px;
display:inline-block;
background:#036 url(../images/nav-expand.png) no-repeat top;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:absolute;
right:11px;
top:11px;
}

【问题讨论】：

标签： jquery asp.net css asp.net-mvc

【解决方案1】：

background:#036 url('/Content/images/nav-expand.png') no-repeat top;

【讨论】：

我已更改但未显示。我已添加原始图像和正在编辑的文件的图像。

【解决方案2】：

在 CSS 中，您必须依赖相对路径。每件事都是根据 CSS 文件的位置进行操作的。让我们先了解一下这个概念。

所以当你这样做background-image:url('/Content/Images/...') 时，构建的路径类似于http://domain/Content/Images，所以很明显它会忽略任何虚拟目录（如果是你的情况）。

当你这样做background-image:url('../Images/...')时，这意味着，寻找路径，就在当前位置的上方，当前位置是你的css文件的位置所以../ 表示在当前目录的上一级。

因此结合所有这些，你应该这样做：

 background-image:url('../../Images/restofthePath')

或

//be aware that it will ignore any virtual directory
background:#036 url('/Content/Images/...)

【讨论】：

【解决方案3】：

创建新文件夹newfolder 并将所有需要的图像粘贴到该文件夹

CSS

background:#036 url(../newfolder/nav-expand.png) no-repeat top;

正确答案是背景：#036 url('/Content/images/nav-expand.png') no-repeat top;

【讨论】：

我已经检查过了......给你答案的人只在我的公司工作......