图像路径传递到`src`但图像不显示。

时间:2018-04-15 23:51:51

标签: html css image

在下面的html块中,我以多种不同的方式将图像传递到src属性,但图像不显示。

<article class="eventlist-event eventlist-event--upcoming eventlist-event--hasimg eventlist-hasimg eventlist-event--multiday"><a class="eventlist-column-thumbnail content-fill" href="">
    <img class="eventlist-thumbnail" data-src="https://upload.wikimedia.org/wikipedia/commons/4/46/Lockheed_Martin_F-22A_Raptor_JSOH.jpg" data-image="https://upload.wikimedia.org/wikipedia/commons/4/46/Lockheed_Martin_F-22A_Raptor_JSOH.jpg" src = "https://upload.wikimedia.org/wikipedia/commons/4/46/Lockheed_Martin_F-22A_Raptor_JSOH.jpg">
</a>
    <a class="eventlist-column-date" href="">
        <div class="eventlist-datetag">
            <div class="eventlist-datetag-inner">
                <div class="eventlist-datetag-startdate eventlist-datetag-startdate--month">January</div>
                <div class="eventlist-datetag-enddate">2017</div>
                <div class="eventlist-datetag-status"></div>
            </div>
        </div></a>
<div class="eventlist-column-info">
    <h1 class="eventlist-title"><a class="eventlist-title-link" href="">Deep Reinforcement Learning for Dialogue Generation </a></h1>
    <p><font color="gray" font-family="squarespace-ui-font" font-weight="100">This is the abstract of the project ipso facto. </font></p>
</div>
<div class="clear"></div>
</article>

这里有什么我想念的吗?

1 个答案:

答案 0 :(得分:1)

src = "https://upload.wikimedia.org/wikipedia/commons/4/46/Lockheed_Martin_F-22A_Raptor_JSOH.jpg"

看起来你有一些空白,你试过src="https:...吗?

它似乎没有问题here,但根据您的视图引擎/ src代码,它可能会受到不同的影响。