So I have a basic website with a full sized, fixed background set with CSS. I want to implement rainyday.js over the top of everything in my whole site (including the text).

Currently, the best I can do is getting rainyday.js to overlay another background image over the top and rain in that small section. It is creating another 'background' and using that instead.

It seems it is possible here, however I don't understand how you are supposed to do it.

This is the rainy day code.

Thanks!

HTML:

<!DOCTYPE html> <html lang="en"> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <title>Safe House</title> <link href="index.css" rel="stylesheet"> </head> <body> <div id="yes"> <div id="maindiv"> Safe House </div> <div id="secondarydiv"> <p>noun</p> <p>1.</p> <p>a dwelling or building whose conventional appearance makes it a safe or</p> <p>inconspicuous place for hiding, taking refuge, or carrying on clandestine activities.</p> </div> </div> </body> </html>

CSS: