Comunidad de diseño web y desarrollo en internet online

Problema al intentar ubicar una capa encima de un swf

Citar            
MensajeEscrito el 12 Ago 2009 04:02 pm
Buenas estoy realizando una prueba con un html, en primer lugar he puesto todas las capas con color de fondo y cada una con su "z-index" para ver que los contenidos estaban donde yo quería.. una vez le pongo el flash en la capa del medio la capa que tengo encima se desplaza automáticamente. Estoy agregando videos de youtube a mi html y no quiero que los videos que incluyen links me habran una nueva página por eso había pensado en poner una capa encima para neutralizar ese link.. he utilizado el parametro "wmode" con el valor "transparent" o "opaque" y no me deja poner ninguna capa encima del player.. a continuación os pongo el código con el que estoy trabajando para hacer la prueba

html

Código :

<!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>Prueba Flash</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css" />
</head>

<body topmargin="0" leftmargin="0">

<center>
<div id="content">

   <div id="flash">
   
      <object width="425" height="344">
         <param name="movie" value="http://www.youtube.com/v/-L4pMmyMwMU&hl=es&fs=1&"></param>
         <param name="allowFullScreen" value="true"></param>
         <param name="allowscriptaccess" value="always"></param>
         <param name="wmode" value="opaque"></param>
         <embed src="http://www.youtube.com/v/-L4pMmyMwMU&hl=es&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344" wmode="opaque"></embed>
      </object>
      
         <div id="tapa"></div>
         
   </div>
</div>

</center>

</body>
</html>


style.css

Código :

#content
{
   background-color:blue;
   width: 768px;
   height: 500px;
   top: 25px;
   left: 450px;
   z-index: 2;
}

#flash
{
   background-color:red;
   width: 425px;
   height: 380px;
   top: 25px;
   left: 450px;
   z-index: 1;
}

#tapa
{
   background-color:green;
   width: 400px;
   height: 350px;
   top: 25px;
   left: 450px;
   z-index: 3;
}


Si alguien me puede echar una mano os lo agradeceré, he entrado en mil foros para buscar mil soluciones, poner un flash encima de otro..., utilizar los parametros "wmode"..., utilizar el flashvars.., poner en la etiqueta object el style de z-index... pero nada.. el dichoso flash siempre aparece encima del todo, haga lo que haga..


Espero que me podais ayudar,

Gracias de antemano!

Por Furb

1 de clabLevel



 

msie8
Citar            
MensajeEscrito el 18 Ago 2009 07:29 pm
No estoy seguro, pero me parece que los videos de youtube, siempre hacen eso

Por gcm

Claber

557 de clabLevel

3 tutoriales

Genero:Masculino  

Diseñador Grafico y Web, Geek

msie8
Citar            
MensajeEscrito el 21 Ago 2009 05:25 pm
Gracias por contestar pero ya solucioné el problema, me dejé de poner la posición de cada capa en la hoja de estilo por eso no me ubicaba las capas donde yo queria..no sabía que sin especificarle una posición no funcionaba, cada día se aprende algo nuevo :)

Saludos!

Por Furb

1 de clabLevel



 

msie8
Citar            
MensajeEscrito el 21 Ago 2009 06:48 pm
Hola sabes ya habia visto el error pero bueno ya lo resolviste, genial

Por juksoto

28 de clabLevel



Genero:Masculino  

Frontend & Estratega Digital

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.