Drop down menu is hidden by flash paper

Posted on 2006-04-17
Last Modified: 2008-02-26
I have a website with a drop down menu that gets hidden behind a flahpaper object when you try to navigate using the menu items. I've tried messing with the z-index but nothing seems to make the flash paper object go behind the drop down menu. Does anyone have any information on how to fix this, or have discovered a way to fix this problem?

You can see what I mean here:
Question by:jmar_click
    LVL 15

    Accepted Solution

    The solution you are looking for is called an "IFRAME shim". Basically you place an IFRAME above the windowed object (e.g. - flash objects, select objects, etc) and then put the other thing you want to float above that and voila! You can't use the Z-index to put it above a windowed object, but IFRAMES can go above them and then you can use the Z-index to get above the IFRAME. A little weird, yes, but it works.

    Here's where I've answered someone else with an example, enjoy!
    LVL 3

    Author Comment

    I think I might have worder my question wrong. Its not a drop down compbo box that i'm having trouble with. Its a drop down HTML menu, (see website link to see what I mean). The problem is that when they hover over the menu and the drop down boxes come up, they show up underneath the flahs paper object, so they can't select any of the options under the flash paper.

    I don't want to hide or unhide the flahs papger object if theres a solution that will not require me to hide it.
    LVL 15

    Expert Comment

    I saw the situation when I viewed the link. It doesn't matter what object you're trying to put above it, you still need to use the shim. It uses an invisible IFRAME, so you don't lose visibility of the flash object (except of course the part that the menu covers). Give it a try.
    LVL 3

    Expert Comment

    I've experienced a similar problem before with Flash and HTML drop-down menus.   Along with setting the z-index, also try setting your flash content to "wmode=transparent."  That's worked for me in the past.  I've added the appropriate lines to your flash <object> and <embed> code below.  Hope that helps! -marc

          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=",0,19,0"   width="100%" height="100%">
      <param name="movie" value="FlashPaper/brochureRedlands.swf" />
      <param name="wmode" value="transparent" />
      <param name="quality" value="high" />
      <param name="width" value="100%" />
      <param name="height" value="100%" />
      <embed src="FlashPaper/brochureRedlands.swf" quality="high" pluginspage="" type="application/x-shockwave-flash"  wmode="transparent" width="100%" height="100%"></embed>
    LVL 3

    Author Comment

    dbritt and marcparillo, thank you for your suggestions. I've been away for a while and dont have access to my computer so I can't implement your solutions until I get back.

    marcparilo - i've tried setting the wmode to transparent before and it didn't work. But maybe I did something wrong and i'll try again with the code you supplied.


    Featured Post

    Find Ransomware Secrets With All-Source Analysis

    Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

    Join & Write a Comment

    When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (, typical array handling might look like this: (CODE) B…
    International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now