superfish dropdown behind swf flash banner

Hi,

This is z-index problem in IE:

I already fix this if using image slideshow

.slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8; <!-- this is for IE -->
}

But since using .swf files than above code will not work since the selector is IMG

Maybe you can add this in #menu

#menu {
height: 35px;
background:url(images/menu-bg.gif) repeat-x;
width:952px;
margin: 0 auto;
z-index:911; <!-- add this -->
}

Hi

Can you provide me the .swf files? I'll not use it just test it in Danland (my PC) :)

Hi,

The issue might be because of a "very old browser bug" w/c attempts to render flash objects on top of all others in a web page. The universal solution/workaround is the following:

In the <object> tag: add <param name="wmode" value="transparent">, w/c in your case is there ...
... but in the succeeding <embed> tag you also have to put <embed>wmode="transparent" ...etc...etc... <embed>, w/c you missed.

Your flash object embed code then should be like this;

<object width="950" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
     <param value="themes/danland/images/intro2.swf" name="movie">
     <param value="high" name="quality">
     <param value="transparent" name="wmode">

<embed width="950" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="themes/danland/images/intro2.swf" wmode="transparent">
</object>

Hope this helps. Cheers.
Edwin

Hi Edwin,

Thanks for the info, are you already try this? at least in another theme? if yes I'll add this in handbook.

Dan

Hi Dan,

I haven't yet tested using flash in the Danland theme, but I confirm this solution/workaround works with all the other themes or pages with superfish-like (drop-down) menus with a flash object somewhere below the menu. In fact, there are quite a lot of forum threads about this drop-down-menu-hiding-behind-flash-object issue.

Btw, @johan, I missed putting the closing </embed> tag, below is the correct code for you. It works trust me, I've played around your v-med.be site using Firefox's & Chrome's inspect element plugins.

<object width="950" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
     <param value="themes/danland/images/intro2.swf" name="movie">
     <param value="high" name="quality">
     <param value="transparent" name="wmode">

<embed width="950" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="themes/danland/images/intro2.swf" wmode="transparent"></embed>
</object>

You also have an extra </div> below the closing </object>.
Some reference here, http://animation.about.com/od/flashanimationtutorials/ss/flashwmode_4.htm

Cheers.
Edwin

Thanks Edwin, I already updating the handbook now.

Dan

No problem Dan, btw if I have the time, I'll also be doing corrections-for-the-english-language of Danland theme's handbook if you don't mind.

Danland is a veeeery nice theme, kudos.

Oh, of course! I am actually glad if you or anyone willing to do so. Handbook is the property of the community, so anyone can change it to adjust to the facts.

I do not speak English from the culture so there's still much to learn. :)

Thanks,
Dan

I have a Similar problem, My superfish menu is going behind the banner,however it also only goes vertical and not horizontal. Take a look at the screenshot.

Everything works great in IE8,But In firefox 3.6.11 It doesn't work right

Thanks

Hi,

Your site is on Version 2.0 (Final) now, seems not using flash & not exhibiting the symptoms you describe above. So I suppose 'twas corrected now? Anyways, your 2nd issue maybe related to this one; http://drupal.org/node/951984#comment-3620960.

Cheers!
Edwin

z-index fix worked for me, thank you.

That was the original issue, so can this support request be closed?

Almost 4 months since the last post on this issue. I suspect the original poster has moved on. I'm going to close this issue as fixed, for the sake of tidiness.