2016-09-29 113 views
0

我有一个网站,我正在忙于创建,但是当我上传我的网站直播时,一个图像不显示。下面是代码图像不显示在HTML活网站

<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

+0

这是最有可能的路径问题。尝试'/images/family-large.jpg'并检查Firebug中的图像路径(或类似) –

+0

发送图像未加载页面的url –

+1

我认为'src'应该是'../images/family-large .jpg' –

回答

0

您对您的图片路径不正确。你可以通过加载一个你认为可以工作的图片来轻松测试。 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>