HTML - 图像未显示

Question

我试图在我的 Asp.NET MVC 2 元素中显示图像，但它不起作用。我已经尝试了很多东西。我知道文件的路径是有效的，因为当我在 Visual Studio 2010 上键入 "src=" 时，它让我可以选择 URL 并显示我元素中的所有类。

我的图片标签如下:

<img class="foo" src="Images/logo.jpg"/>

在我的 View 文件夹中，我有另一个名为“Images”的文件夹，我在其中放置了“logo.jpg”文件。

我的图像 css 实际上只是:

.foo
{
   position: relative;
}

Answer 1

Fiddle你们的代码工作正常

代码:

   <img class="foo" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQkcXs-qFPpoDX2Yh7A6IMRtoNvLRa-Fj_MKaIBal92xgo--7DDyQ"/>

CSS

.foo
{
   position: relative;
}

问题出在 visual studio 中 src="pickurl"之后的图像源

从 PickURL 选择图片来源，然后将图片添加到您的元素中

找到图片文件，然后将其添加到元素中，然后添加图片的URL源

希望对你有帮助

已更新

<img class="foo" src="@Url.Content("~/View/Images/logo.jpg")/>

也仔细检查图片扩展