title: i have added background image using a div
body: <p>i have added a background image to a div but image is not showing up, please help me out what i am missing.
  here is the code
                    <strong>CSS:</strong>    </p>
  
  <pre><code>.riseImages
  {
      position: absolute;
      top: 0px;
      width: 100%;
      height: 650px;
      overflow: hidden;
      z-index: 4;
      background-image: url("img\page1\bg shapes.png");
      background-repeat: repeat;
      background-size: initial;
      /*-webkit-animation-name: rise;
      -webkit-animation-duration: 18s;
      -moz-animation-delay: 18s;
      -webkit-animation-delay: 18s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;*/
  }
  </code></pre>
  
  <p><strong>html:</strong></p>
  
  <pre><code>&lt;div class="riseImages topRise"&gt;&lt;/div&gt;
  &lt;div class="riseImages bottomRise"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>i am not getting the desired output, background image is not showing up,                earlier it was working fine.</p>