Safari Flash WMODE not working - anything wrong with this embed?

MrFidge picture MrFidge · Aug 13, 2009 · Viewed 10.7k times · Source

I've got a problem with this embed in Safari. It works just fine on all other browsers, Internet Explorer 6 included. The problem is that the embed seems to jump to the very top layer, ignoring all z-index or positioning statements. This is important, because several HTML design features are overlayed on the Flash.

This embed was written to work with SWFobject, but still doesn't work when:

  1. swfobject disabled
  2. wmode = transparent/opaque/removed entirely

Is this a problem with Safari or the code? And if it's the code then what does Safari do differently to all the other browsers?

<object id="Flash_Banner" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="400" title="">
    <param name="movie" value="ui.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="ui.swf" width="950" height="400" title="">
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
    <!--<![endif]-->
        <div id="banner_slider"><img src="images/banners/case.jpg" width="950" height="400" alt="" /></div>
    <!--[if !IE]>-->
        </object>
    <!--<![endif]-->
</object>

Answer

ivan picture ivan · Sep 1, 2009

I get the same thing with Safari for Windows and it works fine on Safari for Mac. So it may be a bug in Safari for Windows.