Member 11125335 Ответов: 2

Как вывести кнопку iframe перед div

Привет,
У меня есть две страницы, одна-главная страница, а другая-страница повторного подключения. Я добавил страницу повторного подключения на главную страницу с помощью iframe. на странице повторного подключения есть кнопка. На главной странице Я поместил div на iframe. Но мне нужно принести кнопку повторного подключения(только) на div.

Что я уже пробовал:

Страница Повторного Подключения:

<div>
    <p> Reconnect the page </p>
    <asp:Button ID="reconnectButton" runat="server" Text="Reconnect"/>// button needs to be get front of "overlappedDiv"
</div>



главная страница:

 <div style="height:300px;width:300px;">
     <iframe id="reconnectPageFrame"  runat="server" src="ReconnectPage.aspx" style="Height:100%;width:100%;float:left"></iframe>
     <div id="OverlappedDiv" style="height:300px;width:100%;margin-removed-300px;float:left;" />
</div>

2 Ответов

Рейтинг:
16

Richard Deeming

Ты не можешь. То <iframe> это единое неделимое целое. Вы можете контролировать только z-индекс всего <iframe>; вы не можете иметь элементы из содержащегося документа смешанными с элементами из содержащего документа.

Вам либо нужно будет изменить ReconnectPage.aspx страница так, чтобы она содержала только ту кнопку, которую вы хотите отобразить, или переместите кнопку на главную страницу и реплицируйте там функциональность.

Рейтинг:
0

njammy

Попробуйте установить следующее на кнопке, которую вы хотите вывести на передний план:

style="position:absolute;z-index:10000;top:50%;left;50%"

Member 11125335

Прости, друг. почему-то это не работает. он не встает перед div, но все равно стоит за div.