FireFox and Flash

[wasimkhan]

Hi,
I'm facing issue with firefox ( i have ver 3) using flash.

I have a div in which flash contents are being displayed (mp3 links). These links are being picked from swf file.



<style>
div#mp3{
position:absolute;
left:66%;
top:25%;
padding:0px;
z-index : 999;
}
</style>
<div id="mp3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right" class="pointer">
<img src="images/closeIcon.png" onClick="showHideMp3();"/> &nbsp;&nbsp;&nbsp;
</td>
</tr>
<tr>
<td class="pointer"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','260','height','260','align','middle','src','mp3player2','quality','high','wmode','transparent','allowscriptaccess','sameDo main','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','mp3player2' ); //end AC code
</script>
<noscript ><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="260" height="260px" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mp3player2.swf" />
<param name="wmode" value="transparent">
<embed src="mp3player2.swf" quality="high" wmode="transparent"
align="middle" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object></noscript>
</td>
</tr>
</table>
</div>


There is another div in which there is an iframe.
Here is the code:



<div id="myDiv" style="position:absolute; z-index:1">
<iframe id="ifrm" height="100%" frameborder="0" width="100%" scrolling="auto" src="http://www.google.com.pk">

</iframe>

</div>


When i place "myDiv" behind the "mp3" div ( mp3 div stacked on top of myDiv), flash contents (the mp3 links) are not clikable in firefox. However, they are clickable if there is no div behind the mp3 div.

The "close icon in first td" is still clickable when mp3 div is stacked on top of myDiv but not flash contents.

The functionality works fine in IE and Opera in all cases.

What can be the problem?
Thanks.

[Medyman]

1. There are probably better ways to do what you want to do (not that I fully understand what that is).

2. Look into z-index: http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index