Home > CSS, flash, javascript > Flash wmode and the click through transparent

Flash wmode and the click through transparent

The typecast site http://beta.typecastawards.com which is due to go live next week was giving me some problems in the flash layer at the footer of the site. Basically Wmode = transparent does it’s job and on IE does its job event better because it allows you to click through the transparent area. The problem comes when you use FireFox, Chrome or Safari. Some have said that they have the bug and IE renders the page differently. Anyway after looking through a few javascripts and CSS solutions that didn’t do the job because of what we are doing. A layer always on top at the bottom of the page, never a good idea. I decided to just class the flash and add a :hover style to the div element around the flash.
.footer { height:100px}
.footer:hover {height:300px}
We still have a problem that the footer div is still active as you move up the page and only when you move out of it then it becomes 100px again, allowing you to click the links. I must think about this but I have lots of work to do. I will post the outcome soon.

  1. Tib
    October 8th, 2009 at 06:35 | #1

    …any news on this topic? I have a similar problem. :-(

  2. Tib
    October 22nd, 2009 at 07:06 | #2

    no answer and deletion of my previous comment is answer enough. thank you very much! :-(

  3. December 2nd, 2010 at 12:43 | #3

    I tried your solution to the transparent-flash-click-through issue. It almost works. Unfortunately, you must completely mouse out of the flash-movie/div before the div resizes. Any further progress? I like the simplicity of the approach … I’ve checked so many other failed javascripts.

  1. No trackbacks yet.