Member Avatar for drfarzad

i found some topic about this issue but they can't solve my problem .

i have CSS menu with .swf file and this is code of flash

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="768" height="300; ">
                          <param name="movie" value="slideshow2.swf">
                          <param name="quality" value="high">
                          <param name=wmode value="transparent">
                           <DIV ID="flashMovie" STYLE="position: absolute; top: 10; left: 10; width: 550; height: 400; z-index: 1;">
                          <embed src="slideshow2.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="768" height="300"></embed>
                         </DIV></object>
  • 6 Contributors
  • 8 Replies
  • 99 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by kk6terry

Dani AI

Generated

The problem is almost always one of two things: the Flash object is running in a windowed mode (so it paints above HTML), or the menu does not have an active stacking context. Several good suggestions are already here — on z‑index, on placement/units, and on wmode, and on Linux quirks — so try this short checklist in order.

  1. Make the menu a positioned element so z‑index actually applies. For example:
#menu {
  position: relative;
  z-index: 9999;
}

  1. Ensure the Flash is embedded windowless (wmode) and that the parameter is applied for all embed methods your page uses. If you want a more robust, cross‑browser embed that lets you set wmode reliably, use a small JavaScript embed helper such as SWFObject and pass wmode in the params. SWFObject handles differences between object/embed markup and avoids many cross‑browser pitfalls (SWFObject on GitHub).

  2. Check for parent stacking contexts. Any ancestor with a transform, opacity less than 1, or certain position/z settings creates a new stacking context and can prevent your menu from appearing above the Flash. Use browser dev tools to inspect computed position and z-index on the menu and its ancestors.

  3. Validate the page (add a modern DOCTYPE) so the browser is not in quirks mode; quirks mode can break stacking behavior. Also be aware: some older Linux Flash builds ignore windowless modes and keep the plugin on top regardless of CSS — if that’s a target platform you may need a layout workaround.

For reference reading on stacking and z‑index behavior see MDN: z-index. Finally, note Flash is deprecated and many browsers block it now; consider replacing the slideshow with HTML5/CSS/JS if long‑term compatibility matters (Adobe Flash Player EOL).

Recommended Answers

All 8 Replies

Member Avatar for MoonTraveller

The z-index determines the stack order on the page. Increase the z-index in your menu and your problem should be fixed.

For example, if your menu is in a a div called menu, add this:

#menu
{
z-index:1000;
}
Member Avatar for drfarzad

i have add your code but still dose not work . i really confuse

Member Avatar for MoonTraveller

That is CSS code, so it goes in your stylesheet.

If it does not fix it, please paste a link to your page.

Member Avatar for drfarzad

The z-index determines the stack order on the page. Increase the z-index in your menu and your problem should be fixed.

For example, if your menu is in a a div called menu, add this:

#menu
{
z-index:1000;
}

That is CSS code, so it goes in your stylesheet.

If it does not fix it, please paste a link to your page.

of course i didn't edit style.css and just working on index file . tanx if you edit or help me

Member Avatar for almostbob

either edit the style, and change the z-index as noted to put the menu in front of the slideshow, or change the location of the div containing the .swf top: ; left: ; to put it below the menu in the pagenote::; those numbers should be dimensioned (as px pt em %) only zero(0) is permitted to be dimensionless
Browser quirks mode (also described as 'where did my page go?' ) does not display as intended

Edited by almostbob because: n/a
Member Avatar for Member #120589

wmode often has a bearing here. Try changing the value to opaque if the menu if getting hidden behind it.

Member Avatar for colweb

And remember, if you are viewing this page on a Linux machine, the menu will always be behind the flash. On a Linux machine, no matter what you try flash will always be on top.

Member Avatar for kk6terry

ardav is on the button. I had the same problem as you on one of my sites. Setting wmode to opaque solved the problem. Understand that you have to add it BOTH to the object AND to the embed.

In the object:

<param name="wmode" value="opaque" />

In the embed:

wmode="opaque"
Edited by kk6terry because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.