CSS/HTML: Overlay a transparent GIF over a webpage

[Superwormy]

I was going to use this:
<div style="position: absolute; font-size: 50px; z-index:3;"><img src="overlay.gif"></div>

To lay a transparent GIF over a website ( I want to overlay the website with spiderwebs for Halloween )
This works great, EXCEPT that now everything that div covers isn't clickable ( links doing work, menus dont work, etc. )

Is there a way to overlay the image but still have everything underneath it work?

 

[Modeps]

not quite sure why you're putting a font-size on a div with no text in it... but other than that I dont think it's possible, specially if you want it as an overlay. I'd suggest if you really want to do this, float the spiderwebs in a corner out of the way... putting them over text and links would be a display nightmare.

 

[tfinch2]

Just don't do it. Talk about unreadable text.

 

[screw3d]

Can you use CSS background images instead?

 

[Superwormy]

No one...? Can't use background image, its gotta overlay a few different tables with diff. background colors.