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!