tibberous Posted October 4, 2007 Share Posted October 4, 2007 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 Link to comment https://forums.phpfreaks.com/topic/71799-here-is-a-tough-one/ Share on other sites More sharing options...
MadTechie Posted October 4, 2007 Share Posted October 4, 2007 OK.. well thats not a PHP question!! maybe the freelance section Link to comment https://forums.phpfreaks.com/topic/71799-here-is-a-tough-one/#findComment-361585 Share on other sites More sharing options...
tibberous Posted October 4, 2007 Author Share Posted October 4, 2007 OK.. well thats not a PHP question!! It is if you solve it with PHP. Link to comment https://forums.phpfreaks.com/topic/71799-here-is-a-tough-one/#findComment-361593 Share on other sites More sharing options...
shocker-z Posted October 4, 2007 Share Posted October 4, 2007 OK.. well thats not a PHP question!! It is if you solve it with PHP. what.. <?php echo "[ENTER CSS SOLUTION HERE]"; ?> lol Liam Link to comment https://forums.phpfreaks.com/topic/71799-here-is-a-tough-one/#findComment-361596 Share on other sites More sharing options...
MadTechie Posted October 4, 2007 Share Posted October 4, 2007 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! Link to comment https://forums.phpfreaks.com/topic/71799-here-is-a-tough-one/#findComment-361597 Share on other sites More sharing options...
ToonMariner Posted October 4, 2007 Share Posted October 4, 2007 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... Link to comment https://forums.phpfreaks.com/topic/71799-here-is-a-tough-one/#findComment-361684 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.