title: How to add a section after a section containing multiple canvasses?
body: <p>I'm trying to build a HTML page which contains two canvasses, one is the background, other is the logo positioned on top of background. I placed them inside a <em>section</em> and appended the body with another <em>section</em> which contains other HTML content, but the next section is appended at the top of the HTML page instead of the preceding section.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;style&gt;
    html,body,canvas{
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;section style="position:relative;"&gt;
      &lt;canvas id="bg" style="position:absolute;background-color:black;"&gt;&lt;/canvas&gt;
      &lt;canvas id="logo" style="position:absolute;background-color:blue;"&gt;&lt;/canvas&gt;
    &lt;/section&gt;
    &lt;section style="position:absolute;color:white;"&gt;
      some text
    &lt;/section&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>some text</code> appears on top of page, and stays independent of <code>position</code> property of its section.</p>
  
  <p>Please Help.</p>