IFRAME出现在DIV面前

Question

我有一个ASP.NET站点，它有一个Ajax Control Toolkit动画扩展器来动画div飞出来。 div包含一个简单的树视图。

当用户在树视图中选择一个节点时，会触发一个受保护的子节点，它将页面上的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加载PDF之前，div显示在iframe的顶部，但只要iframe调用open.asmx并打开pdf，div就会出现在iframe后面。

我已经尝试将两个组件（链接按钮+菜单div和iframe）放在两个不同的div中，并将它们设置为position：absolute或relative，并为iframe div设置z-index为-1，为链接设置为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

Answer 1

发布问题后，我遇到z-index does not work in Internet Explorer with pdf in iframe。

Jordan Grey提供的解决方案适用于我的测试网站，当在我的实际网站中使用其他CSS和元素实现它时，它无效。我花了太多时间在这上面，所以已经找到了一个更简单的解决方案。

感谢San帮助我的时间。