How to stop Flash content shine-through jQuery UI Dialog in Firefox on Windows
<object ...> ... <param name="wmode" value="opaque" /> ... <embed ... wmode="opaque" ...></embed></object>
I'd faced similar problem once. I simply hide the flash and show it again when dialog is dismissed:
<script type="text/javascript"> /*notification dialog setup*/ function SetupDialog() { $("div#divNotice").dialog( { autoOpen: false, modal: true, overlay: { opacity: 0.5, background: '#050505' }, buttons: { "I Agree": function(){ $("#Movie").css("display","inline")//Show movie when dialog is closed ....... }, "Close" : function(){ $("#Movie").css("display","inline") //Show Movie if dialog is closed $(this).dialog("close"); } }, title: "", height: 500, width: 600, dialogClass: 'myDialog', position: 'center' } ); } </script> <script type="text/javascript"> function ShowDialog() { /*for Notice dialog */ $("#divDialog").css("display","block"); $("#Movie").css("display","none"); $("div#divDialog").dialog("open"); }