为什么背景显示不出来

<!--portfolio区-->
 <section class="portfolio">
  <div>Portfolio</div>
  <div>
   <p>Lorem Ipsum dolor sit amet,consetetur adipisicing elit，sed do eiusmodtempor incididunt ut labore et</p>
   <p>dolore magna aliqua.ut enim ad minim veniam</p>
  </div>
  <div>
   <span>ALL</span>
   <span>WEB</span>
   <span>SOFTWARE</span>
   <span>WORKS</span>
   <span>BRANDS</span>
  </div>
  <div class="i"></div>
 </section>
 /*portfolio*/
.portfolio{
 height: 970px;
    position: relative;}
.portfolio .i{
 top:410px;
 height: 560px;
 position: absolute;
 background-image: url(../img/portfolio-nav-img/jpg);
 background-size: 100% 100%;
}