2013-11-25 5 views
1

У меня есть сайт ASP.NET, у которого есть Ajax Control Toolkit Animation Extender для анимации вылета. В 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 загружает PDF появляется DIV поверх фрейма, но как только Iframe вызовы open.asmx и открывается PDF то div появляется за iframe. enter image description here

Я попытался поставить два компонента (кнопка ссылки + меню Диво и IFrame) в двух различных Див и задать их положение: абсолютное или относительное и установки Z-индекс -1 для 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 загружен.

Если это поможет, я загрузил копию проекта веб-сайта для DropBox, он в формате Visual Studio 2008: https://www.dropbox.com/s/6vjl1m81m0e1ib9/WebApplication2.zip

+1

Вы пробовали z-index? – San

+0

Да, не работает. – Lima

+0

Можете ли вы предоставить скрипку – San

ответ

1

После размещения вопрос я наткнулся на z-index does not work in Internet Explorer with pdf in iframe.

Решение, предоставленное Jordan Grey, работало на моем тестовом сайте, при его внедрении на моем фактическом сайте с другими CSS и элементами он не работал. Я потратил слишком много времени на это, так что пошел на гораздо более простое решение.

Спасибо San за то, что вы помогли мне.

Смежные вопросы