隐藏在IFrame背后的Jquery模态对话....

Question

我想在iframe上显示一个jquery模式对话框，目前它在iframe后面。那么如何通过重新调整大小，拖动功能来展示iframe上的jquery模式对话框。

HTML CODE

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