title: CSS Background gradient only taking up bottom of the page and not appearing in the background
body: <p>I am using a web tool for building online ecommerce stores and am trying to use the developer tools to add a linear gradient to the background. I have gotten the linear gradient to appear at the bottom of the page but it is sitting on top of the website as opposed to being the &quot;background&quot;. It moves up and down when scrolling like a banner would.</p>
  <p>Any help would be appreciated!</p>
  <p><a href="https://stores.inksoft.com/test_store_1/shop/home" rel="nofollow noreferrer">https://stores.inksoft.com/test_store_1/shop/home</a></p>
  <pre><code>&lt;style&gt; 
      body {position: 
      relative; 
      margin: 0;
      height: 700px;
      background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
              linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
              linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);;;
      }
  </code></pre>