How to stop Flash content shine-through jQuery UI Dialog in Firefox on Windows How to stop Flash content shine-through jQuery UI Dialog in Firefox on Windows windows windows

How to stop Flash content shine-through jQuery UI Dialog in Firefox on Windows


Try the wmode=transparent or wmode=opaque parameter.


<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");    }