앵커 이미지 소스가 표시되지 않는 문제

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/