DIV - Z-index

carlosvolp · Fevereiro 8, 2008

Olá galera, bom sou novo aqui como sou novo em ASP também. Creio que minha duvida possa ser resolvida aqui caso seja de outro topico do forum desde ja ja pesso desculpas.

Seguinte tenho um arquivo em asp no qual tem uma table e dentro dela tem a estrutura do site montada atravez de include.

Por exemplo:

<td width="194" rowspan="2" valign="top"><!-- #include file="nc/lado_a.asp" -->  </td>

dentro da tabela contem um include que puxa um arquivo que tem um banner em flash
<td width="513" valign="top" bgcolor="#FFFFFF"><!-- #include file="nc/menu.asp" --></td>

ai vai minha duvida eu criei uma div:

<div id="flash" style="position:absolute; left:432px; top:113px; width:514px; height:326px; [b]z-index:3[/b]; visibility: visible;">

so que o arquivo flash dessa div nao fica em cima do arquivo em flash do include do menu.asp"deu pra entender" no navegador ele fica embaixo, como resolvo isso? :blink:

Obrigado desde já

jrcardozo · Fevereiro 8, 2008

coloque o valor do z-index em uma variavel e no inicio da página você verifica no banco qual posição deve ficar, por exemplo

<%
if rs("posicaoFlash1") > rs("posicaoFlash2") then
zIndex = 3
else
zIndex = 2
end if
%>
<div id="flash" style="position:absolute; left:432px; top:113px; width:514px; height:326px; z-index:<%=zIndex%>; visibility: visible;">

DSerma · Fevereiro 8, 2008

Movido:

ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards: CSS / XML / XHTML/ HTML

brcontainer · Fevereiro 8, 2008

ponha WMODE no seu flash:

<param name="wmode" value="transparent">

e no embed:

<embed src="" wmode="transparent">

procure no forum já foi muito falado disso ;)

carlosvolp · Fevereiro 8, 2008

coloque o valor do z-index em uma variavel e no inicio da página você verifica no banco qual posição deve ficar, por exemplo
<%
if rs("posicaoFlash1") > rs("posicaoFlash2") then
zIndex = 3
else
zIndex = 2
end if
%>
<div id="flash" style="position:absolute; left:432px; top:113px; width:514px; height:326px; z-index:3; visibility: visible;">

legal mas eu sou meio leigo o que seria esse posicaoFlash1 e posicaoFlash2 só isso que não entendi. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif mas valeu pela ajuda e desculpa a postagem errada http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

banner2.swf é o "pop-up" por assim se dizer que vai aparecer na div que quero que fique na frente

meu código é este:

<% 
	titulo = "- Página Inicial"
%>

<!--#include file="nc/html_topo.asp"-->

<link href="inc/css.css" rel="stylesheet" type="text/css" />
<script>
function Esconde(){
document.getElementById('flash').style.visibility="hidden";
}
</script>
</head>

<body onLoad="MM_timelinePlay('Timeline1')">
<div id="flash" style="position:absolute; left:432px; top:113px; width:514px; height:326px; z-index:<%=zIndex%>; visibility: visible;">[/b]  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','530','height','380','align','absmiddle','src','banner2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner2','wmode','transparent' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="530" height="380" align="absmiddle">
	<param name="movie" value="banner2.swf">
	<param name="quality" value="high">
	<param name="wmode" value="transparent">
	<embed src="banner2.swf" wmode="transparent" width="530" height="380" align="absmiddle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
  </object>
</noscript>[b]</div><span class="ten">
<table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
	<td height="21"></td>
  </tr>  
</table>
<table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
	<td width="194" rowspan="2" valign="top"><!-- #include file="nc/lado_esquerdo.asp" --></td>
	<td width="513" valign="top" bgcolor="#FFFFFF"><div id="flash2" style="z-index:1; overflow: hidden;">
	  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','515','height','257','src','flash/menu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/menu' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="515" height="257">
		<param name="movie" value="flash/menu.swf">
		<param name="quality" value="high">
		<embed src="flash/menu.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="515" height="257"></embed>
	  </object>
	</noscript></div></td>

Make · Setembro 30, 2008

o segredo na verdade está aqui!!!

<script type="text/javascript">
AC_FL_RunContent( 

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',

'width','515',

'height','257',

'src','flash/menu',

'quality','high',

'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',

'movie','flash/menu'

 ); //end AC code
</script>

analisando o fonte do meu site com um plugin do firefox, descobri o porque de todas as alterações nas tags embed e param não surtiam efeito...

o caso é que esse javascript gera uma outra tag embed que sobre escreve as posteriores ou no minimo não deixa que elas impliquem em nenhuma alteração... ao menos é isso que tem ocorrido comigo

Solução

Altere o código a cima adicionando o parametro wmode dentro do java script:

<script type="text/javascript">
AC_FL_RunContent( 

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',

'width','515',

'height','257',

'src','flash/menu',

'quality','high',

[b]'wmode','transparent',[/b]

'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',

'movie','flash/menu'

 ); //end AC code
</script>

Meus probremias acabaram-se...

almenos aqui funcionou perfeitamente com firefox 3.02, espero ter ajudado

Make · Setembro 30, 2008

o segredo na verdade está aqui!!!

<script type="text/javascript">
AC_FL_RunContent( 

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',

'width','515',

'height','257',

'src','flash/menu',

'quality','high',

'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',

'movie','flash/menu'

 ); //end AC code
</script>

analisando o fonte do meu site com um plugin do firefox, descobri o porque de todas as alterações nas tags embed e param não surtiam efeito...

o caso é que esse javascript gera uma outra tag embed que sobre escreve as posteriores ou no minimo não deixa que elas impliquem em nenhuma alteração... ao menos é isso que tem ocorrido comigo

Solução

Altere o código a cima adicionando o parametro wmode dentro do java script:

<script type="text/javascript">
AC_FL_RunContent( 

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',

'width','515',

'height','257',

'src','flash/menu',

'quality','high',

[b]'wmode','transparent',[/b]

'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',

'movie','flash/menu'

 ); //end AC code
</script>

Meus probremias acabaram-se...

almenos aqui funcionou perfeitamente com firefox 3.02, espero ter ajudado

Make · Setembro 30, 2008

o segredo na verdade está aqui!!!

<script type="text/javascript">
AC_FL_RunContent( 

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',

'width','515',

'height','257',

'src','flash/menu',

'quality','high',

'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',

'movie','flash/menu'

 ); //end AC code
</script>

analisando o fonte do meu site com um plugin do firefox, descobri o porque de todas as alterações nas tags embed e param não surtiam efeito...

o caso é que esse javascript gera uma outra tag embed que sobre escreve as posteriores ou no minimo não deixa que elas impliquem em nenhuma alteração... ao menos é isso que tem ocorrido comigo

Solução

Altere o código a cima adicionando o parametro wmode dentro do java script:

<script type="text/javascript">
AC_FL_RunContent( 

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',

'width','515',

'height','257',

'src','flash/menu',

'quality','high',

[b]'wmode','transparent',[/b]

'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',

'movie','flash/menu'

 ); //end AC code
</script>

Meus probremias acabaram-se...

ao menos aqui funcionou perfeitamente com firefox 3.02, espero ter ajudado

Guilherme Rambo · Setembro 30, 2008

Movido Webstandards http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript

Arquivado

DIV - Z-index

Recommended Posts

carlosvolp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jrcardozo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

carlosvolp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Make 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Make 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Make 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Rambo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante