1. Jon B 23.03.07

   Unfortunately the Mac flash player doesn’t seem to like this method, I tried the example in Safari (2.0.4) & Firefox (2.0.0.3) on OS X 10.4.9 and got the same result which was flickering during animation, which maybe suggests something to do with the flash redraw causing the z-index to momentarily change?
2. Shane McCartney 24.03.07

   Thanks for that Jon, didn’t have the chance to test Mac. It appears the only solution on a Mac is to set the wmode anything other than default with the SWF embedded in the iframe. I would suggest not to use wmode transparent as it is the quirkest of them all http://www.5etdemi.com/blog/archives/2005/06/firefox-wmodetransparent-is-completely-screwy-and-breaks-textfields/.

   So if you use this code in the iframe (content.html) this sets the wmode based on OS being a Mac hence fixing it :
   var isMac = /Mac/.test(navigator.userAgent);
if(isMac){
so.addParam("wmode", "opaque");
}

   Something also interesting found along the way to controlling depths with Flash in HTML is done by using wmode ‘opaque’ it allows for the z-index of the flash to be altered. Unlike the default which floats the Flash over HTML content regardless of the CSS used.

   Considering the worst quirk for using wmode ‘opaque’ is lack of scroll wheel support(PC only) and Macs don’t natively support scroll wheel in Flash it’s not a bad solution. Cause for PC all browsers the previous solution works fine.

   This post is also an interesting read on furthering knowledge on the quirks of using the wmode parameter http://www.asserttrue.com/articles/2006/11/17/firefox-and-flash-swf-selection-and-focus-problems.
3. Jon B 26.03.07

   Hi Shane that works perfectly on Safari and Firefox on my Mac, once again it seems to be a case of the Mac Flash Player playing catch-up after initial neglect by Macromedia.

Subscribe to my RSS