1

我已经阅读了很多图像问题的解决方案,但没有一个对我有用,我无法弄清楚我哪里出错了。我有一个正在处理的 ASP.Net MVC 4 项目,我想做的就是将图像添加到其中一个视图中。在同一个视图中已经是一个显示完美的图像。

以下是一些非工作图像的代码:

 @Scripts.Render("~/Scripts/Page/QueryForm.js")

 <img id="searchPic" src="@Url.Content("~/Images/NereusSearchLogo-small.jpg")" alt="Pic"/>

 <input list="RecentQueries" name="q" value="@(Model.SearchResults == null ? string.Empty : Model.SearchResults.Query)" autocomplete="off"/>
 <datalist id="RecentQueries">
    @{
  foreach (var query in Model.RecentQueries)
  {
     <option value="@query.Text">@query.LastUsed.ToLocalTime()</option>
  }
    }
 </datalist>
 <button type="button" id="search">Search</button>
 <button type="button" class="hasTooltip" id="new-project-search" title="Start a new search project">New Project Search</button>

这是工作图像的代码:

 <span id="search-period-dd" data-dropdown="#search-period-menu" data-horizontal-offset="-8">

 <img src="@Url.Content("~/Images/arrow_down-grey-16.png")" class="hasTooltip" title="Filter search results based on date" />

 <span id="search-period">@(Model.StartDate == null? Model.SearchPeriodOption.GetAttribute<DisplayAttribute>().Name : "Since " + Model.StartDate.Value.ToLocalTime().ToString("d"))</span>

这是生成的html:

 <img id="searchPic" src="/Images/NereusSearchLogo-small.jpg" alt="Pic"/>

 <input list="RecentQueries" name="q" value="" autocomplete="off"/>
 <datalist id="RecentQueries">
     <option value="Mice">8/7/2013 3:57:38 PM</option>
     <option value="Deer">8/7/2013 1:12:49 PM</option>
     <option value="Pigs">8/7/2013 12:22:29 PM</option>
     <option value="Cats">8/7/2013 9:23:59 AM</option>
     <option value="Dogs">8/7/2013 9:23:56 AM</option>
     <option value="Birds">8/7/2013 9:23:48 AM</option>

 </datalist>
 <button type="button" id="search">Search</button>
 <button type="button" class="hasTooltip" id="new-project-search" title="Start a new search project">New Project Search</button>


 <link href="/Content/Common/ThirdParty/jquery.dropdown.css" rel="stylesheet"/>

 <link href="/Content/Page/SearchPeriodDropdown.css" rel="stylesheet"/>


 <script src="/Scripts/Common/ThirdParty/jquery.dropdown.js"></script>

 <script src="/Scripts/Page/SearchPeriodDropdown.js"></script>


 <span id="search-period-dd" data-dropdown="#search-period-menu" data-horizontal-offset="-8">
 <img src="/Images/arrow_down-grey-16.png" class="hasTooltip" title="Filter search results based on date" />
  <span id="search-period">Any time</span>
 </span>

该图像物理上位于正确的目录中,并且已添加到图像文件夹下的项目中。

当我用 Chrome 检查元素时,没有警告/错误。

任何帮助都将不胜感激,因为我对为什么这一直显示一个损坏的图像图标已经束手无策了。

编辑更新:我已经确认两个图像都在同一个文件位置。两者都已添加到同一文件夹下的项目中。在 Visual Studio (2012) 中悬停时,两个图像都会显示。在 Visual Studio (2012) 中选择时,两者在“属性”选项卡下具有相同的完整路径值(当然减去它们的名称)。但是,如果我在代码中交换他们的名字,问题图像仍然不会出现,而好的图像会出现。我只是不知道为什么在这一点上。感谢你的帮助。

4

1 回答 1

1

丹鲁尔是对的。这是公司的过滤器。我只是将文件类型更改为 png 并且一切正常。

于 2013-08-13T17:39:51.130 回答