Member Avatar for ATS

I created a pop out menu in Fireworks and copied and pasted it into dreamweaver. The menu works great, but on the webpage I have a flash slide show that runs. Here is where the problem lies. My menu pops out behind the slide show, which makes it to where you cannot see the menu. Any help is appreciated.

  • 3 Contributors
  • 3 Replies
  • 92 Views
  • 13 Hours Discussion Span
  • Latest Post Latest Post by katarey

Dani AI

Generated

's menu running behind the Flash slideshow is a classic plugin vs. HTML stacking issue. Both earlier suggestions are on the right track: pointed to positioning via CSS, and pointed out the Flash window-mode setting that lets HTML render on top. The reliable fix is usually a combination of making the menu a positioned element with a higher stacking order and switching the Flash object into a composited window mode so it will accept overlays.

A practical CSS example (replace IDs with the real ones from the generated markup):

#popOutMenu {
  position: absolute;
  z-index: 9999;
}

#flashWrapper {
  position: relative;
  z-index: 1;
}

Dreamweaver workflow note: use the Flash object's Properties panel (or the Insert > Media dialog) to change its window mode rather than only editing markup by hand; that sets the embed parameters needed so HTML can overlay the plugin. Changing the window mode can affect performance and focus/keyboard behavior, so test the slideshow after the change in the browsers that matter for the project.

Troubleshooting checklist: inspect computed styles in developer tools to confirm the menu's z-index is effective; check parent elements for overflow:hidden, CSS transforms, or opacity less than 1 (these create new stacking contexts and can block overlays); verify Fireworks-pasted layers were not wrapped in a container with a lower stacking context. Long term, replacing the Flash slideshow with an HTML5/CSS/JS solution removes plugin stacking problems and improves compatibility.

Recommended Answers

All 3 Replies

Member Avatar for Member #114696

It might be due to absolute positioning of the menu on the page. You can position the slide show below the menu using CSS.

Member Avatar for ATS

I hate to be a botherk, but how would I go about doing that.

Thanks

Member Avatar for katarey

I created a pop out menu in Fireworks and copied and pasted it into dreamweaver. The menu works great, but on the webpage I have a flash slide show that runs. Here is where the problem lies. My menu pops out behind the slide show, which makes it to where you cannot see the menu. Any help is appreciated.

There is not problem with Dreamweaver, just see this Post I am Sure you will get the best result that you want.

http://www.daniweb.com/techtalkforums/post154444.html#post154444

or

To edit an existing HTML page, add the WMODE parameters to the HTML code.

1. Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

2. Add the following parameter to the EMBED tag:

wmode="transparent"

This Will Work With All Browsers

All The Best!
Rahul

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.