jquery - Jquery ModalDialog は IFrame の背後に隠れます....

Question

iframe を介して jquery モーダル ダイアログ ボックスを表示したいのですが、現在は iframe の背後にあります。サイズ変更、ドラッグ機能を使用してiframe上にjqueryモーダルダイアログボックスを表示するにはどうすればよいですか。

HTMLコード

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

<iframe style="width: 99%; height: 759px;" src="http://unfccc.int/resource/docs/convkp/kpeng.pdf"></iframe>

Jquery/Javascript コード

$(function () {
    $("#dialog").dialog({
        autoOpen: true,
        show: {
            effect: "clip",
            duration: 1000
        },
        hide: {
            effect: "clip",
            duration: 1000
        }
    });
});