css menus not overlaying on top of flash piece, Internet Explorer only

Question

The site I'm working on uses the age-old CSS "suckerfish" menus to do drop downs rather than Javascript or some other CSS solution. On some of these pages there are flash pieces, and for Internet Explorer 8 only, the menus get "blocked" by the flash area. After seeing questions related to this issue, i.e. here and here, I tried both wmode="opaque" and wmode="transparent", which solved the problem for Chrome, Opera, and Safari. Firefox worked without any wmode specification.

However, IE 8 isn't working with either of these ... the css menus don't overlay the flash. These flash elements don't have a position assigned to them, so assigning a z-index won't help as far as my understanding goes.

How do I make this work for IE 8?

Please note you can see this operation on two different pages, one with:

wmode="transparent" : http://www.momentumnow.biz/mn/index.shtml (problematic flash piece is named MN_Pres-2-A.swf)

wmode="opaque" : www.momentumnow.biz/mn/benefits.shtml (problematic flash piece is named Benefits-A.swf).

Thanks

Shalini Subramani · Accepted Answer · 2012-01-20T07:11:02.467

1

You have to add this code in the flash section for IE browser.

This is the code:

              <param name="play" value="true">
              <param name="loop" value="true">
                  <param name="wmode" VALUE="transparent">
              <!--<![endif]-->

              <a href="http://www.adobe.com/go/getflashplayer"> <img src="/mn/images/a-350x120.png" alt="Get Adobe Flash player version 9.0.28 or later"> </a>

              <!--[if !IE]>-->

            </object>

edited Jan 20 '12 at 07:11

answered Jan 20 '12 at 07:04

Shalini Subramani

502
1
6
23

Did I make a mistake? It doesn't seem to be working? Added the "param" to both the two pages. On the second one I tried opaque. – Ray Jan 20 '12 at 07:17
Have you insert "". It is not working. – Shalini Subramani Jan 20 '12 at 07:21
Thanks, I put in: on the 1st page, and on the second page. I'm not seeing a typo, are you? – Ray Jan 20 '12 at 07:28
In the 1st page issue fixed or not? – Shalini Subramani Jan 20 '12 at 07:36
Yah, it did, thanks. I appreciate the help. Sorry, originally when I posted last I didn't think it fixed it, but I made a mistake in the update. Now that's corrected and it indeed works. Thanks again. – Ray Jan 20 '12 at 08:15

score 0 · Answer 2 · edited May 23 '17 at 12:34

0

After Shalinisubramani's help, I found this post which may be of interest to you, comparing opaque and transparent. I ended up using the former per the second answer of the post.

edited May 23 '17 at 12:34

Community

1
1

answered Jan 20 '12 at 08:29

Ray

5,885
16
61
97

css menus not overlaying on top of flash piece, Internet Explorer only

2 Answers2