title: Div over canvas
body: <p>This is my login page I want to place my login-box over canvas now first show canvas and then show the div i want login-box div over this canvas </p>
  
  <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'&gt; &lt;link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="bootstrap/css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;body class="login-page"&gt; &lt;canvas id="header-canvas" style="background-color:#999"&gt; &lt;header id="header" &gt; &lt;/header&gt; &lt;/canvas&gt; &lt;div class="login-box" &gt; &lt;div class="login-box-body"&gt; &lt;form action="" method="post" name="login"&gt; &lt;div class="form-group has-feedback "&gt; &lt;input type="text" class="form-control" placeholder="Username / Email" required name="login_name"/&gt; &lt;span class="glyphicon glyphicon-envelope form-control-feedback"&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="form-group has-feedback"&gt; &lt;input type="password" class="form-control" placeholder="Password" name="login_pass"required/&gt; &lt;span class="glyphicon glyphicon-lock form-control-feedback"&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-xs-4"&gt; &lt;button type="submit" class="btn btn-primary btn-block btn-flat"&gt;Sign In&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="plugins/jQuery/jQuery-2.1.3.min.js"&gt;&lt;/script&gt; &lt;script src="bootstrap/js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="plugins/magnificpopup/plugins.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;
  </code></pre>