Question

我遇到弹出窗口问题，我的主页上有一个iframe，其中包含其他一些页面。我想显示包含页面的弹出窗口并使背景变暗。我正在改变我的主页样式，如使其不透明.40但是它也被应用到我的弹出窗口，我的弹出窗口也变暗了。该怎么办？我想清楚地显示弹出窗口，以便人们被弹出窗口吸引

Answer 1

您可以在父级上创建对话框，然后将其解压为：

（假设您对两个帧都有控制权并且在父级上加载了jquery-ui。）

parent.$dialog = jQuery("<div></div>");

parent.$dialog.html("YOUR MESSAGE GOES HERE!!!");
parent.$dialog.dialog({
    title : "YOUR MESSAGE TITLE!",  
    bgiframe: true,
    width: 400,
    zIndex: 2501,   
    modal: true,
    overlay: {
        backgroundColor: '#000',
        opacity: 0.5
    },
    buttons: {
        'Yes': function() {
            jQuery(this).dialog('close');
        },
        'No': function() {
            jQuery(this).dialog('close');
            return false;
        }
    },
    close: function() {
        jQuery(this).dialog('destroy');
    }
}).show(400);

希望这有帮助，思南。

Answer 2

父框架是唯一可以将调光器层放在自身上的框架，但这也会使您想要显示的对话框变暗。您可以将该对话框放在父框架中，如果您同时控制它们，则可以从子框架中调用它。

帧间通信并非易事：

他们是否在同一个域名？（如果不是，那就有希望但是更难）
你控制两个页面吗？

从iframe显示弹出窗口并调暗背景，包括父页面

2 个答案: