0

遇到 CSS 问题,但我无法弄清楚。我的图片都没有显示,但它们有工作的 url 并且 HTML 是正确的。

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

这里的问题:

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

这可能有一个非常简单的解决方案,但我不知道出了什么问题..

4

4 回答 4

1

您没有正确的图像标签。要在 HTML 中显示图像,请使用<img>标记。

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

于 2013-09-02T01:03:24.080 回答
0

据我所知,您只是图像标签错误。 <i>是斜体文本;你想要<img>的。那是,<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" />

于 2013-09-02T01:03:59.897 回答
0

如果您替换<i ...></i>并使用它(如下),它应该可以工作。

<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg"/>
于 2013-09-02T01:07:27.270 回答
0

您将图像标签用作:

<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=""在图像中使用是必要的,如果图像由于某些问题没有加载,用户将看到关于该图像的文本。

于 2013-09-02T01:22:49.443 回答