iframe導致css彈出問題

我對web開發相當陌生，並且自學了我所做的一切。我有一個iframe，其中有一個頁面，其中包含一個由jquery調用的css & JavaScript彈出窗口。應該發生什麼情況是，當按下鏈接時，在進入下一頁之前，它顯示在帶有陰影背景的彈出窗口中。這是我的javascript代碼：iframe導致css彈出問題

$SearchListings.on("click", "a", function (e) { 
    e.preventDefault(); 
    href = e.target.href; 
    itemnum = getItemNum(href); 
    var dataString = //urlhere 
    $.get(dataString, function (data) { 
     $linkShade.fadeIn(); 
     $linkModal.html(data).delay(500).fadeIn(); 
     Galleria.loadTheme('js/galleria.classic.min.js'); 
     $('#galleria').galleria({ lightbox: true }); 
    }); 
}); 

$linkShade.on("click", closeModal); 
$linkModal.on("click", ".modalCancel", closeModal); 

$linkModal.on("click", ".modalBtn", function (e) { 
    e.target.href = href; 
});`

，這是一種參與

#linkModal { 
background: white; 
border: 10px solid black; 
bottom: 0; 
color: black; 
display: none; 
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
height: 700px; 
left: 0; 
margin: auto; 
position: fixed; 
right: 0; 
top: 0; 
width: 800px; 
overflow: scroll; 

}

的CSS我的問題是如何能得到彈出來顯示和居中的屏幕，用戶的位置上該頁面不僅僅集中在iframe中。如果這個解釋不好，我很抱歉。這是我有史以來的第一篇文章。大多數情況下，我來這裏找到我的答案，並且從不需要發佈任何內容。如果可以的話請幫忙。謝謝！

編輯＃1：這裏是jsfiddle

來源

2013-03-27 jkw4703

你可以把你的代碼放在[jsFiddle]（http://www.jsfiddle.net）中嗎？ – chriz 2013-03-27 16:04:56

可惜你不能從父頁訪問任何內容中的iFrame，如屏幕尺寸，以便通過JavaScript設置值。而子頁面中的CSS只與包含iFrame的窗口的解釋「屏幕大小」有關。

如果您確實有固定佈局，則可以將屏幕大小作爲查詢字符串參數傳遞到您的iFrame頁面。

var $iframe = $("#myIframe"); 
$iframe.attr("src", "iFrame.html?parentHeight=" + $(window).height() 
            + "&parentWidth=" + $(window).width() 
            + "&iFrameHeight=" + $iframe.height() 
            + "&iFrameWidth=" + $iframe.width();

然後，你可以做一些數學的時候，以你的設置模式對話框的位置，所以會出現集中的子頁面加載，但它仍然必須被包含在你的iFrame。

來源

2013-03-27 16:24:30 tedski

iframe導致css彈出問題

回答

相關問題