CSS - 图像不显示

Question

遇到CSS问题，但我无法弄明白。没有我的图片显示，但他们有工作网址，HTML是正确的。

没有图像样式，图像类的唯一样式是：.postimg { width: 100%; }

问题在这里：

http://jsfiddle.net/4pmUu/5/

这可能有一个非常简单的解决方案，但我无法弄清楚出了什么问题。

Answer 1

您没有正确的图片代码。要在HTML中显示图片，请使用<img>标记。

请参阅http://jsfiddle.net/4pmUu/7/

Answer 2

据我所知，你的图片标签错了。 <i>是斜体文字;你想要<img>。也就是<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" />

Answer 3

如果您替换<i ...></i>并使用它（如下），它应该有效。

<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg"/>

Answer 4

您正在使用图片代码：

<i src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg">这是实际错误的地方。

正确的方法是写<img...使用它：

<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" alt="photo" />

另请注意，在图像中使用alt=""是必要的，就好像由于某些问题而未加载图像一样，将向用户显示有关该图像的文本。