圖片未顯示在HTML Live網站中

Question

我有一個網站正在忙於創建，但是當我實時上傳網站時，一個圖片沒有顯示。 這是代碼

<div id="adbox">
            <div class="clearfix">
                <img src="images/family-large.jpg" alt="Img" height="382" width="594">
                <div class="detail">
                    <h1>Implementing Strategic and Effective Legal Solutions</h1>   
                </div>
            </div>
        </div>

和CSS如下

    .clearfix {
    width: 960px;
    margin: 0 auto;
    }

    .clearfix:after {
        clear:both;
        content:"";
        display:block;
        line-height:0;
        height:100%;
    }

這就是 它要顯示的內容

Answer 1

您的圖片路徑不正確。 您可以通過加載您知道可以使用的圖像來輕松進行測試。 Lorem Flickr非常適合測試以下內容：

 .clearfix { width: 960px; margin: 0 auto; } .clearfix:after { clear:both; content:""; display:block; line-height:0; height:100%; } 

 <div id="adbox"> <div class="clearfix"> <img src="http://www.loremflickr.com/382/594" alt="Img" height="382" width="594"> <div class="detail"> <h1>Implementing Strategic and Effective Legal Solutions</h1> </div> </div> </div>