Here is a tough one!

[tibberous]

I have a client who wants an overlay at the bottom of their site. I was able to make this work in Internet Explorer using Flash - but have not been able to get it to work in Firefox.

 

Here is what I want it to look like: http://www.trenttompkins.com/

 

This would work except the image makes a large dead area over the site because it captures events despite being transparent. Does anyone have any idea how to get around this?

 

Thanks

[MadTechie]

OK.. well thats not a PHP question!!

maybe the freelance section

[tibberous]

OK.. well thats not a PHP question!!

 

It is if you solve it with PHP.

[shocker-z]

OK.. well thats not a PHP question!!

 

It is if you solve it with PHP.

 

what..

 

 

<?php

echo "[ENTER CSS SOLUTION HERE]";

?>

 

lol

 

 

Liam

[MadTechie]

No, because it can only be solved with parsed data which the output from PHP and will need to be formatted for the browser which is HTML.. so to sum up its NOT a PHP question!

[ToonMariner]

All you need in your html is <div id="overlay"></div>

 

put it right before the ending body tag as its not important...

 

in your css ad this.

 

body { position: relative; }

div#overlay {position: fixed; bottom: 0px; width: 100%; height: ~IMAGE YOU ARE USING~; background: transparent url(relative/path/to/image) no-repeat 0 0;}

you will need some javascript like [url=http://www.howtocreate.co.uk/fixedPosition.html]this[/url] and the iepngfix [url=http://www.twinhelix.com/css/iepngfix/]here[/url] to make this work in ie6...