safari browser bug - flash, jquery, html layers

Discussion in 'Web Design and Development' started by ednj69, Jul 20, 2010.

  1. ednj69 macrumors newbie

    Jul 20, 2010

    the issue i am encountering is that i have a hidden html layer sliding over a flash navigation bar when one mouseover a span tag -- via jquery. the slide down works perfectly, the issue occurs when i hover over the hidden layer. the swf nav bar recognizes the my mouse event and renders it's own slide down sub menu. so now i have two slide down menus rendering. sadly, this is only happening in safari (tested on version 4 and version 5).

    a few facts:
    - using jquery to have the hidden layers animate
    - hidden layer has a higher z-index value
    - using SWFObject v2.2 to render swf file

    thanks in advance for any help,
  2. manueld macrumors 6502

    Jun 8, 2009
    can you provide a link to better show your issue? Why does the flash have it's own sub menus? The UI as you're describing it sounds very unfriendly.
  3. eponym macrumors 6502

    Jul 2, 2010
    Try setting the wmode parameter and then making sure the z-index of the sliding layer is higher than the flash movie. By default, they ignore z-index properties unless you set that param.

    (I also agree with the previous poster—this sounds like a confusing UI)

Share This Page