Accessibility problem when using Flash object and CSS drop menu

[Webmaster]

I'm working on a site that will have a typical CSS drop menu appear on all
pages. The menu is based on this example:
http://www.htmldog.com/articles/suck...le/bones1.html

Some of the pages will contain a Flash Player 7 object placed just below the
menu where the "Lorem ipsum dolor..." text is on the above example.

The problem is the CSS navigation then falls behind the actual Flash content
which is very user unfriendly. My object code is as follows.

<object classid="clsid: d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macr omedia.com/pub/shockwave/cabs/flash/swflash.cab#ver sion=7,0,0,0"
width="200" height="100" id="progressive _component">
<param name="allowScri ptAccess" value="sameDoma in" />
<param name="movie" value="progress ive_component.s wf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="progressiv e_component.swf " width="200" height="100"
name="progressi ve_component" align="middle" allowScriptAcce ss="sameDomain "
type="applicati on/x-shockwave-flash"
pluginspage="ht tp://www.macromedia. com/go/getflashplayer" />
</object>

I've seen the same error on many commercial sites but not any site where it
has actually been successfully solved. Does anyone here know if a cross
browser solution exists that can get the menus in front of Flash content?

[Martin Honnen]

Webmaster wrote:

The problem is the CSS navigation then falls behind the actual Flash content
which is very user unfriendly. My object code is as follows.

<object classid="clsid: d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macr omedia.com/pub/shockwave/cabs/flash/swflash.cab#ver sion=7,0,0,0"
width="200" height="100" id="progressive _component">
<param name="allowScri ptAccess" value="sameDoma in" />
<param name="movie" value="progress ive_component.s wf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
Check the Flash documentation on wmode, on some platform in some browser
you can use e.g.
<param name="wmode" value="transpar ent">
<embed src="progressiv e_component.swf " width="200" height="100"

wmode="transpar ent"

to have the Flash movie rendered in the same z-level as the other
content respectively to have CSS z-index determine the stacking order.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Spartanicus]

Webmaster <sp*******@mail inator.com> wrote:

My object code is as follows.

<object classid="clsid: d27cdb6e-ae6d-11cf-96b8-444553540000"

[snip rest of horrible MS code]

There is no need for crap code like that, Google for "flashsatay ".

f-up to comp.infosystem s.www.authoring.html

--
Spartanicus

[Webmaster]

> to have the Flash movie rendered in the same z-level as the other

content respectively to have CSS z-index determine the stacking order.

Thanks for this trick. I tested on Explorer and Mozilla on Windows but
unfortunately it does not work on Mozilla Linux.