Flash fica por cima da DIV.

JaguA · Setembro 24, 2010

Ola.. sei que já existem tópicos relacionados a este problema, mesmo assim não consegui resolver meu problema..

Já alterei o Z-Index como também coloquei param name="wmode" value="opaque" afim de resolver o meu problema

como podem ver na imagem abaixo a Div que carrega a imagem fica somente por de baixo da apresentação em flash.

Bem aqui vai o código onde está tanto a DIV quanto o swf.

<style type="text/css">
    @import url('folha_de_estilo.css');
<!--
.te {
}

#apDiv1 {
    position:fixed;
    left:256px;
    top:5px;
    width:298px;
    height:420px;
    z-index:1;
    visibility: visible;
    overflow: visible;
}
-->
</style>

<?php include('publicidade/index.php'); ?>
<script language="JavaScript">
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
</script>




</style>
</head> 
       <div id="apDiv1"><img src="publicidade/balada universitaria.png" width="292" height="410" border="0" usemap="#Map" />
  <map name="Map">
    <area shape="rect" coords="111,1,163,9" href="#" onclick="MM_showHideLayers('apDiv1','','hide')" />
  </map>
</div>
<body topmargin="0">


<table width="580">
<th align="center" width="100%" bgcolor="#EA9D7F"><span class="event-title">Proximos Eventos</span></th>


    
    
            <tr>
       <td align="center">
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="publicidade/banner/AC_RunActiveContent.js" language="javascript"></script>
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
 {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
            'width', '450',
            'height', '150',
            'src', 'publicidade/banner/BannerRotator1',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'BannerRotator1',
            'bgcolor', '#333333',
            'name', 'BannerRotator1',
            'menu', 'false',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'publicidade/banner/BannerRotator1',
            'salign', ''
            ); //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=8,0,0,0" width="450" height="150" id="BannerRotator1" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="allowFullScreen" value="false" />
  <param name="movie" value="publicidade/banner/BannerRotator1.swf" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <embed src="publicidade/banner/BannerRotator1.swf" menu="false" quality="high"width="450" height="150" name="BannerRotator1" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>

</td>

        </tr>
       
</table>
 </center>

Grato desde já.

Editado Setembro 24, 2010 por JaguA

BMonteiro · Setembro 24, 2010

JaguA,

Imagino que o erro está no fato de que não basta você colocar z-index: 1; na div que suporta o Flash, você tem que dar z-index menor para a div que suporta a imagem que está cobrindo, ficaria assim:

Exemplo:

#div_flash{
z-index: 2;}

#div_imagem{
z-index: 1;}

Ou seja, o z-index funciona como se fosse camadas, como no Photoshop por exemplo, então você deve setar no CSS qual a sequencia que ele deve organizar os elementos.

Espero que ajude, caso não sirva, poste um link de demonstração!

Editado Setembro 24, 2010 por BMonteiro

JaguA · Setembro 24, 2010

Velho, tentei acrescentar uma div a minha apresentação em flash e coloquei um Z index então no caso maior do que o da Imagem, porem o problema persisti.

Stoma · Setembro 25, 2010

Só para confirmar, você está usando z-index e não Z-index ou Z-Index, certo?

JaguA · Setembro 26, 2010

Velho já tentei das três formas que você citou.

*FIT* · Setembro 26, 2010

Só um detalhe, o z-index não funciona sem o position absolute.

JaguA · Setembro 26, 2010

velho da mesma forma ainda esta dando problema ;x

Toze · Setembro 27, 2010

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="450" height="150" id="BannerRotator1" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="allowFullScreen" value="false" />
  <param name="movie" value="publicidade/banner/BannerRotator1.swf" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <embed src="publicidade/banner/BannerRotator1.swf" menu="false" quality="high"width="450" height="150" name="BannerRotator1"[b] wmode="opaque"[/b] align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

coloque wmode="opaque" tambem dentro da tag embed, alguns navegadores interpretam wmode na tag param e outros na tag embed, deixe sempre nos dois, provavelmente irá resolver.

espero ter ajudado

JaguA · Setembro 28, 2010

pois é também não ta resolvendo, já tentei muitas coisas e nada da certo... eu vou fazer algun testes com o flash e o banner fora da pagina inicial somente os dois, acredito que deva ter algo no todo da pagina que possa estar interferindo.

BMonteiro · Setembro 30, 2010

Poste algum link de demonstração da sua página, assim fica dificil resolver.

JaguA · Setembro 30, 2010

A pagina está em local host, pois não mantenho ela online com o devido problema, a que está online não tem a Propaganda. o que eu posso fazer se quiserem é postar aqui a pagina com o código completo.

JaguA · Outubro 1, 2010

Bem como eu disse anteriormente, eu criei um novo documento e postei somente a tabela com o flash e a imagem, porem o problema persisti, somente o flash fica por cima da imagem a tabela e todo o restante por baixo da imagem, está muito estranho :x

Segue a codificação por completa.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    @import url('folha_de_estilo.css');
<!--
.te {
}

#apDiv1 {
        position:absolute;
    left:120px;
    top:0px;
    width:474px;
    height:249px;
    z-index:1;
}
#apdivflash {
    z-index: 2;
    position: relative;
}
-->
</style>
</head>

<body>
<div id="apDiv1"><img src="publicidade/balada universitaria.png" width="292" height="410" border="0" usemap="#Map" />
  <map name="Map">
    <area shape="rect" coords="111,1,163,9" href="#" onclick="MM_showHideLayers('apDiv1','','hide')" />
  </map>
</div>
<table width="580">

<th align="center" width="100%" bgcolor="#EA9D7F"><span class="event-title">Proximos Eventos</span></th>


    
    
            <tr>
       <td align="center">
       <div id="apdivflash">
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="publicidade/banner/AC_RunActiveContent.js" language="javascript"></script>
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
 {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
            'width', '450',
            'height', '150',
            'src', 'publicidade/banner/BannerRotator1',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'BannerRotator1',
            'bgcolor', '#333333',
            'name', 'BannerRotator1',
            'menu', 'false',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'publicidade/banner/BannerRotator1',
            'salign', ''
            ); //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=8,0,0,0" width="450" height="150" id="BannerRotator1" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="allowFullScreen" value="false" />
  <param name="movie" value="publicidade/banner/BannerRotator1.swf" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <embed src="publicidade/banner/BannerRotator1.swf" menu="false" quality="high"width="450" height="150" name="BannerRotator1" wmode="opaque" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div></td>
        </tr>
</table>
 </center>
</body>
</html>

*FIT* · Outubro 3, 2010

Não poderia publicar a página online? Não precise substituir a atual, publique em uma outra pasta, ou com outro nome que não seja index, assim nenhum usuario verá e você não terá problemas, fora que fica muito mais fácil para que possamos ajudar.

JaguA · Outubro 3, 2010

sim posso, www.agitorondonia.com.br ...

da forma que está ai... so que eu coloquei o Flash mas para baixo, para não fica por cima dos fly.

*FIT* · Outubro 5, 2010

Mas é assim mesmo que vai ficar? Ou deixou em baixo apenas temporário?

JaguA · Outubro 6, 2010

temporario, por que o flay não fica por cima dos Banner que estão no rotator.

Entrar

Flash fica por cima da DIV.

Pergunta

Link para o comentário

Compartilhar em outros sites

15 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns