canadianpharmning
New Member
I've made a JS animation that I want to be the background of my homepage: http://geotheory.co.uk/. But I'm quite new to web development and unclear how to stop the canvas element being an 'inline' object on the page and set it behind other HTML elements. Very grateful for advice. The HTML is:\[code\]<!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="http://stackoverflow.com/questions/14043359/processing-1.4.1.min.js"></script> <div id="canvasContainer"> <canvas data-processing-sources="rectangles.pde"></canvas> </div></body>\[/code\]