Home » questions »
tag and a flash movie... how do you keep the div above the flash?

5
2006-08-14 07:58:56, Category: Programming & Design
For example lets say you have a drop down menu in a div tag, and a flash movie underneath.... any swf for example... if u click the drop down menu, it hides behind the flash movie, I think because the flash is layered.. is there any way around this??? Thanks in advance! Sorry, let me just make it clear, I don't want to change the positions, I want them the way they are except I want whats in the
above the flash... is that possible?

Answers

  1. achtungbaby

    On 2006-08-14 08:11:47


    Even if you were able to somehow get your div to render, I doubt it would do so across different browsers, let alone be functional enough to use as a menu. I'm not sure what your layout looks like, but you might want to consider changing your embed method. Geoff Stearns' swf object is probably the best out there, it provides a ton of flexibility in terms of positioning the flash exactly where you want it: http://blog.deconcept.com/swfobject/

  2. Dragosh

    On 2006-08-14 08:09:33


    Stupid answers. What you need is CSS. I saw this problem on many poor made sites. You need to asign the folowing css rule to the divs in question (the menu divs) div.menu{ z-index: 200;} Now that number is way off, you can assign the flash z-index:1 and for the div z-index: 2. You just have to have a bigger number for what you want on top.

  3. al_sengbasy

    On 2006-08-14 08:02:52


    Use the source code to change the positions

  4. Den2Fly

    On 2006-08-14 08:10:01


    I also have noted this problem. it is a limitation with browsers that render dropdown list behind Flash even if it is nested inside a
    tag on top of the Flash. So you may change your mind on your layout or use a custom HTML menu (list of hyperlinks) instead of dropdown menu. I didn't know about CSS though, so perhaps that solves the problem :-)

  5. kem

    On 2006-08-14 08:04:06


    have a drop up menu.