錨圖像源不顯示的問題

Question

我看不到爲什麼<a>上的圖像沒有顯示。我究竟做錯了什麼？

<section class="group"> 
    <section id="projects" class="module"> 
     <h1 class="">To help you decide</h1> 
     <article> 
      <div class="portfolio-item"> 
       <a href="#"><img src="images/work-sample1.jpg" alt="" /></a> 
       <p class="btn"><a href="#">See more</a></p> 
      </div> 
      <div class="portfolio-item"> 
       <a href="#"><img src="images/work-sample2.jpg" alt="" /></a> 
       <p class="btn"><a href="#">See more</a></p> 
      </div> 
      <div class="portfolio-item"> 
       <a href="#"><img src="images/work-sample3.jpg" alt="" /></a> 
       <p class="btn"><a href="#">See more</a></p> 
      </div> 
     </article> 
    </section><!-- #projects --> 

CSS

#content .portfolio-item { 
      width: 140px; 
      padding: 4px; 
      background: #eee; 
      text-align: center; 
      float: left; 
      margin: 24px 7px 14px 7px; 
      display: block; 
      height: 80px; 
    } 
     #content .portfolio-item p.btn { 
      margin: 0; 
     } 
     #content .portfolio-item p.btn a { 
      display: block; width: 142px; height: 29px; padding: 7px 0 0 0; 
      background: url(); 
      font-weight: bold; text-align: center; text-transform: uppercase; 
      text-decoration: none; 
     } 

Answer 1

看來你有錯誤的URL。 它適用於我：http://jsfiddle.net/seler/NJxYx/