顯示來自iframe的彈出窗口，並且包含父頁面的模糊背景

Question

我彈出問題，在我的主頁中有一個iframe，其中包含一些其他頁面。我想顯示包含頁面的彈出窗口並使背景變暗。我改變我的主頁風格，如使其不透明.40但事情是它也適用於我的彈出窗口,,,我的彈出窗口也變暗。該怎麼辦？ 我想清楚地顯示彈出框，以便人們能夠被彈出窗口吸引

Answer 1

父框架是唯一可以將調光器圖層放在其自身上的框架，但這也會使您想要顯示的對話框變暗。如果您同時控制兩者，則可以將該對話框放在父框架中，並從子框架中調用該對話框。

和幀間通信是不平凡的：

• 他們是在同一個域？ （如果沒有，有希望但是更難）
• 你是否控制兩個頁面？

Answer 2

您可以在父創建對話框，然後啓動它爲：

（假設您有兩個框架控制，你必須裝上父母的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);   

希望這會有所幫助， 思南。