Définir HTML Toile de fond de page

J'ai fait un JS animation que je veux le fond de ma page d'accueil: http://geotheory.co.uk/. Mais je suis assez nouveau dans le développement web et sait pas comment arrêter l'élément canvas être un 'inline' objet sur la page et définissez derrière d'autres éléments HTML. Très reconnaissant pour les conseils. Le code HTML est:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>geotheory.co.uk</title>
    <style>
        canvas:focus{outline:none;}
        * {
        margin: 0;
        padding: 0;
        }
        h1 {color:#fff;}
        p {color:#fff;}
    </style>

</head>
<body  id="home" bgcolor="black">
    <!-- style="overflow:hidden;" -->
    <h1>Heading</h1>
    <p>paragraph 1</p>
    <p>paragraph 2</p>
    <script src="processing-1.4.1.min.js"></script>
    <div id="canvasContainer">
    <canvas data-processing-sources="rectangles.pde"></canvas>
    </div>
</body>
Assurez-vous de le mettre en dernier dans le code HTML afin de ne pas obtenir de la manière de lecteurs d'écran et autres.
double possible de Un élément html5 canvas dans le fond de ma page?
J'ai remarqué que "outline:none" a été utilisé dans votre feuille de style, donc: tri de pertinence, mais également important à noter: s'il vous PLAÎT n'abusez pas outline:none dans vos feuilles de style, car il est vraiment important pour des raisons d'accessibilité. outlinenone.com

OriginalL'auteur geotheory | 2012-12-26

  1. 12
    canvas {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
}
    espérons que cela aide 🙂
    Génial! merci AA 🙂
    eh bien, l'ami de recherche pour plus et d'apprendre ce que tous les accessoires dans le code que j'ai prévu de faire 🙂 Cela aidera à créer votre propre code à partir de! +1 pour mon code 🙂
    merci @geotheory et tout le monde! Mon Plaisir!
    Ouais, je commence à utiliser le HTML/CSS alors c'est juste une courbe d'apprentissage abrupte dès maintenant. Bravo pour l'astuce.

    OriginalL'auteur Muhammad Talha Akbar