IFRAME出現在DIV前

我有一個ASP.NET網站，它有一個Ajax控制工具包動畫擴展器，可以爲飛出的div製作動畫。該div包含一個簡單的樹視圖。IFRAME出現在DIV前

當用戶選擇在TreeView一個受保護的子被觸發其設置的IFRAME的源頁面上的另一個aspx頁面的一個節點：

Protected Sub TreeView1_SelectedNodeChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles TreeView1.SelectedNodeChanged 
    if1.Attributes.Add("src", "Open.aspx") 
    if1.Style.Add("z-index", "-1") 
    if1.Style.Add("position", "absolute") 
End Sub

在open.aspx頁我只是讀PDF文件成字節流：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
    Response.Clear() 
    Response.ContentType = "application/pdf" 
    Dim xByteStream(1) As Byte 
    Dim b = File.ReadAllBytes(Server.MapPath("reportFrameset.pdf")) 
    Response.BinaryWrite(b) 
    Response.End() 
End Sub

我遇到的問題是在iframe裝載之前出現的div的，PDF在iframe的頂部，但只要iframe調用open.asmx和PDF被打開那麼div就出現在iframe的後面。 enter image description here

我試圖把兩種成分（鏈接按鈕+菜單的div和iframe）內的兩個不同的div並將其設置爲position：絕對或相對並設置爲-1的z指數爲IFRAME DIV和999對於鏈接按鈕+菜單div，但這似乎沒有改變任何東西。

<div style="position:absolute; top:50px; left:20px; z-index:-1; width:400px; height:300px;"> 
    <iframe id="if1" name="if1" width="100%" height="50px" runat="server"> 
    </iframe> 
</div>

所以我想要的是菜單出現在加載了PDF的iframe之上。

如果它幫助我已經上傳的網站項目的副本到DropBox的，它是在Visual Studio 2008格式：https://www.dropbox.com/s/6vjl1m81m0e1ib9/WebApplication2.zip

來源

2013-11-25 Lima

你試過z-index了嗎？ – San

是的，沒有工作。 – Lima

你能提供一個小提琴嗎？ – San

發佈我遇到z-index does not work in Internet Explorer with pdf in iframe附帶的問題後。

喬丹格雷提供的解決方案爲我的測試網站工作時，在我的實際網站實施它與其他CSS和元素，它不工作。我在這方面花費了太多時間，所以只得到了一個更簡單的解決方案。

非常感謝San在幫助我。

來源

2013-11-25 22:27:13 Lima

IFRAME出現在DIV前

回答

相關問題