我的徽标不会在Visual Studio中保存的图像中显示在Bootstrap3 Navbar中.只有出现的图像来自We

Question

我试图在Visual Studio中的Bootstrap3 Navbar中获取徽标图像，但不会出现。由于某种原因，如果我使用包含Web URL的图像，无论图像的高度和宽度如何，它都可以正常工作。谁能告诉我我做错了什么？

我正在使用的代码不起作用：

     <div class="container-fluid">
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                      </button>
                      <a class="navbar-brand" href="#">
                          <img id="logo" src="Images/logo.png" /></a>
                    </div>

该图像出现在我在Visual Studio上的拆分视图中出现，但是当我以Chrome运行页面或IE时，我会得到损坏的图像符号。

代码确实与图像URL一起使用：

    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                      </button>
                      <a class="navbar-brand" href="#">
                          <img id="logo" src="http://www.kyste.org/userfiles/2/kyste2013/S&SC_logo.png" /></a>
                    </div>

文件夹路径是正确的，并且我正在使用旋转木马中的图像，例如，在下面的旋转媒体中看起来不错。

    <asp:Image ID="imgPaintball" runat="server" ImageUrl="~/Images/paintball.jpg" alt="Paintball"/>

我完全失去了我做错的事情！

Answer 1

在这种情况下；尝试在img路径中添加斜线。

<img id="logo" src="/Images/logo.png" >

对于记录，By，您无需使用/关闭img标签。他们只是在那里使阅读更容易。他们什么都不做！

Answer 2

添加前向斜杠这次起作用，只是因为相对链接恰好是正确的。尝试在页面中添加图像或在其他目录中的控件中添加图像，并且可能也会断开。您需要使用ResolveUrl("~/Images/logo.png")或如下：

从根中解析图像链接

<img id="logo" src="~/Images/logo.png" runat="server" />

更多信息