3 Replies Latest reply on Feb 27, 2008 8:37 AM by Newsgroup_User

    Fireworks menus obscured by Flash object

    Max Stewart Level 1
      My home page has a horizontal Fireworks 8 Javascript menu bar with pop-up (or rather drop-down) submenus. Immediately below the menu bar is a wide photo.
      The submenus drop down nicely over the photo. This is as I wanted.

      I now want to replace the photo by an animated Flash equivalent. Everything works fine except that the submenus drop down behind and not in front of the Flash display.

      The Fireworks menu-bar table immediately precedes the photo <img> or Flash <object> and is in the same <div>.


      Does anyone know ...

      a. Since the menu <table> definition precedes the <img> or Flash <object>, the usual document stacking-order rules would imply that the menu drop-downs would always be obscured by the <img> or Flash <object>. This clearly doesn’t happen when using a <img> (thank goodness!) but why?


      b. Why should replacing the <img> by a Flash <object> change the display order? And what can I do to make the menu drop downs display in front of the Flash <object> ?

      I have tried with no success to force the display order using a style=“position: “static”; z-index: “integer”” (where integer is larger for the menu <table> than the <object>). I know that IE historically has placed <object> elements on a separate ‘plane’ than ordinary tag elements such that z-index ranking is within each plane but not across planes and such that an <object> plane always displays over the other tags plane, but the same behaviour happens in FFox 2 as well!
        • 1. Re: Fireworks menus obscured by Flash object
          Level 7
          All Active content on a page will always rise to the top, so to speak,
          including Flash, certain form elements, Java applets, and Active X controls.
          This means that each of these will poke through layers. There is not a good
          cross-browser/platform reliable way to solve this issue, but if you can be
          confident in your visitors using IE 5+ or NN6+, then you can use the Flash
          wmode parameter (however, Safari does not support this properly!).

          PVII article:
          http://www.projectseven.com/support/answers.asp?id=127



          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "Max Stewart" <webforumsuser@macromedia.com> wrote in message
          news:fq3p8d$pbc$1@forums.macromedia.com...
          > My home page has a horizontal Fireworks 8 Javascript menu bar with pop-up
          > (or
          > rather drop-down) submenus. Immediately below the menu bar is a wide
          > photo.
          > The submenus drop down nicely over the photo. This is as I wanted.
          >
          > I now want to replace the photo by an animated Flash equivalent.
          > Everything
          > works fine except that the submenus drop down behind and not in
          > front
          of the Flash display.
          >
          > The Fireworks menu-bar table immediately precedes the photo <img> or Flash
          > <object> and is in the same <div>.
          >
          >
          > Does anyone know ...
          >
          > a. Since the menu <table> definition precedes the <img> or Flash <object>,
          > the
          > usual document stacking-order rules would imply that the menu drop-downs
          > would
          > always be obscured by the <img> or Flash <object>. This clearly doesn?t
          > happen
          > when using a <img> (thank goodness!) but why?
          >
          >
          > b. Why should replacing the <img> by a Flash <object> change the display
          > order? And what can I do to make the menu drop downs display in front of
          > the
          > Flash <object> ?
          >
          > I have tried with no success to force the display order using a
          > style=?position: ?static?; z-index: ?integer?? (where integer is larger
          > for the
          > menu <table> than the <object>). I know that IE historically has placed
          > <object> elements on a separate ?plane? than ordinary tag elements such
          > that
          > z-index ranking is within each plane but not across planes
          > and
          > such that an <object> plane always displays over the other tags plane, but
          > the
          > same behaviour happens in FFox 2 as well!
          >

          • 2. Re: Fireworks menus obscured by Flash object
            Max Stewart Level 1
            Many thanks Murray.
            I had already tried inserting <param name="wmode" value="transparent"> as an argument of the <object> tag but this only worked for IE and not FFox. But adding wmode="transparent" as an argument of <embed> now makes it work with FFox2 as well!
            (Which means I can now test for older or other browsers and just display a static photo instead)
            • 3. Re: Fireworks menus obscured by Flash object
              Level 7
              Good luck!

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "Max Stewart" <webforumsuser@macromedia.com> wrote in message
              news:fq43f7$6iu$1@forums.macromedia.com...
              > Many thanks Murray.
              > I had already tried inserting <param name="wmode" value="transparent"> as
              > an
              > argument of the <object> tag but this only worked for IE and not FFox.
              > But
              > adding wmode="transparent" as an argument of <embed> now makes it work
              > with
              > FFox2 as well!
              > (Which means I can now test for older or other browsers and just display a
              > static photo instead)
              >