A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order (“z-index”) of those layers. By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer.

In orderto to allow layering of Flash content with DHTML layers use the WMODE parameter . The WMODE parameter can be ‘window’ (default), ‘opaque’, or ‘transparent’. Using a WMODE value of ‘opaque’ or ‘transparent’ will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.

To edit an existing HTML page, add the WMODE parameters to the HTML code.

Add the following parameter to the OBJECT tag:

<param name="wmode" value="opaque">

Add the following parameter to the EMBED tag:

wmode="opaque"

Asfter studying a few solutions with more or less results, I decided uppon SyntaxHighlighter Plus which seams to be the best solution out there.

However, although it worked great with the default Wordpress theme I realised that as soon as I applied the “ProBlogger” theme, the javascripts that do the highlighting work would not function corectllyany more. The documentation did offer some solutions, but not the one I needed.

So, if you run into problems when installing SyntaxHighlighter Plus on some wordpress theme, be sure that the header.php file in your theme, contains the following line, somewhere in the head portion of the file:

<?php wp_head(); ?>
</head>