圖像不顯示在HTML活網站

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%; 
    } 

This is what it shows What it suppose to show

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>