CSS menu not showing on top of flash

I have a CSS drop down / layered menu on the page. The menu, however, does not appear on the flash card that I have. The explicit fix seems to be to put wmode: transparent (or opaque), but this does not work for me. I also tried to set the z level in CSS to very high values ​​(2000), but this also does not work.

In addition, I use open-flash-chart-v2 to create a chart. (although I don’t think it matters, but it limits my ability to pass variables, since I do not use the embed or object tag directly).

<script type="text/javascript">
swfobject.embedSWF("/ofc-library/open-flash-chart.swf", "chart", "100%", "100%", "9.0.0", "expressInstall.swf", {"wmode" : "transparent"});
</script>

The problem with the page display (at the moment this attempt is not fixed).

+5
source share
2 answers

The wmode tag is not set correctly.

Here is the correct code:

<object width="100%" height="100%" style="visibility: visible;" id="chart" data="/ofc-library/open-flash-chart.swf" type="application/x-shockwave-flash"><param value="transparent" name="wmode"/></object>

Here is your code:

<object width="100%" height="100%" type="application/x-shockwave-flash" data="/ofc-library/open-flash-chart.swf" id="chart" style="visibility: visible;"><param name="flashvars" value="wmode=transparent"/></object>

In particular:

<param name="flashvars" value="wmode=transparent"/>

it should be:

<param value="transparent" name="wmode"/>

Here's how to do it right (note the empty hash in front of the parameters. Wmode is a parameter, not flashvar):

swfobject.embedSWF("/ofc-library/open-flash-chart.swf", "chart", "100%", "100%", "9.0.0", "expressInstall.swf", {}, {"wmode" : "transparent"})
+15
source

Since you are using swfObject, try the following:

 var so = new SWFObject("/ofc-library/open-flash-chart.swf", "chart", "100%", "100%", "9.0.0", "expressInstall.swf");
 so.addParam("wmode", "transparent");
 so.write("flashcontent");
+2
source

All Articles