Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 1
Sexo: Masculino

Menu x IFrame

13-03-2012 21:05

Galera é o seguinte:
Tenho uma página em asp.net que tem um menu horizontal
criado com css. Esse menu ele expandi verticalmente.
Nessa página tenho um iframe onde execute o windows
explorer como mostrado abaixo:
<iframe style="margin-top: 3px; margin-bottom: 3px;" height="600" marginheight="1"
border="0" src="file://10.12.84.26/Compartilhada/CompartilharArquivos/" frameborder="0"
width="970" name="I2" marginwidth="1" id="Iframe1"></iframe>
O problema esta exatamento nesse IFRAME, onde ele sobrepoe o menu, ou seja o menu, quando expandido, esta
ficando embaixo desse IFRAME. Pesquisando na net, li um comentário que quando existe um IFRAME, não tem como
aplicar CSS pois a página executa independentemente do IFRAME.
Gostaria de saber se existe alguma solução para isso e qual seria.
Muito grato.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17235
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu x IFrame

13-03-2012 21:35

Geralmente isso se resolve com o z-index do CSS. Você define um z-index baixo para o iframe, e um bem alto para o menu.

Eu vou deixar aqui um exemplo de um menu que creio ser igual o seu apresentando o problema que você falou

<html> <body> <table bgcolor=grey border=1 height=200px width=300px onmouseover="this.style.visibility='visible';" onmouseout="this.style.visibility='hidden';" style="position:absolute; visibility:visible; top:100px; left:50px;"> <tr> <td> menu item 1 </td> </tr> <tr> <td> menu item 2 </td> </tr> <tr> <td> menu item 3 </td> </tr> <tr> <td> menu item 4 </td> </tr> <table> <iframe src="anything.htm" style="position:absolute; top:200px; left:50px;"> </iframe> </body> </html>

Agora um exemplo usando o z-index para que o menu vertical fique sobre o iframe

<html>
<body>
<table bgcolor=grey border=1 height=200px width=300px
onmouseover="this.style.visibility='visible';" onmouseout="this.style.visibility='hidden';"
style="position:absolute; visibility:visible; top:100px; left:50px; z-index: 1000;">
<tr>
<td>
menu item 1
</td>
</tr>
<tr>
<td>
menu item 2
</td>
</tr>
<tr>
<td>
menu item 3
</td>
</tr>
<tr>
<td>
menu item 4
</td>
</tr>
<table>
<iframe src="anything.htm" style="position:absolute; top:200px; left:50px; z-index: 0">
</iframe>
</body>
</html>
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado