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

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

希望对您有所帮助， 思南。