我已经阅读了很多图像问题的解决方案,但没有一个对我有用,我无法弄清楚我哪里出错了。我有一个正在处理的 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) 中选择时,两者在“属性”选项卡下具有相同的完整路径值(当然减去它们的名称)。但是,如果我在代码中交换他们的名字,问题图像仍然不会出现,而好的图像会出现。我只是不知道为什么在这一点上。感谢你的帮助。