Canvas Blocking Page?

Question

So on my website I have a snowfall effect going on as it is the month of December and I wanted to celebrate, the only problem is, it blocks all of my links and stuff like that... How would I go about making the canvas not overlay my website but still work and show like on top? (You'll understand this if you visit the website.)

Website URL: http://insanewolfhd.byethost17.com/
Script URL: http://insanewolfhd.byethost17.com/Snowfall.js
Where I Got The Script: http:// thecodeplayer.com/walkthrough/html5-canvas-snow-effect (I'm not allowed to post more than 2 links, sorry :/)

Thank you anyone who can help, I feel like it's just a little CSS thing or something and I'm thinking wayyy too much about this :).

CSS3 has a [`pointer-events`](https://developer.mozilla.org/en/docs/Web/CSS/pointer-events) property that you can set to `none`. — Kaiido, Dec 05 '15 at 02:59
Possible duplicate of [Click through a DIV to underlying elements](http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements) — Kaiido, Dec 05 '15 at 03:01
Glad it helped, you could then accept the duplicate proposition ;-) — Kaiido, Dec 05 '15 at 03:11

score 0 · Answer 1 · answered Dec 05 '15 at 03:05

0

Use the z-index css tag. Go into the css class of the snow file, and set it's Z to -1. This is very useful in your situation.

.class{
width: ?px;
height: ?px;
z-index: -1;

Hope this helps!

answered Dec 05 '15 at 03:05

Maxcr1

11
4

I don't think it will help OP since he wants his snow flakes to go in front of all other elements of the page. – Kaiido Dec 05 '15 at 03:06
`z-index` is not a css tag. There actually isn't even anything that is called a CSS tag. – connexo Dec 05 '15 at 03:46

Canvas Blocking Page?

1 Answers1