Hola, tengo 3 capas, la primera engloba las otras 2 las cuales son una imagen y un video, la idea es que la imagen sirva como marco del video.
Código:
#capacontenedoraDS9{
postition:relative;
float:left;
width:100%;
height:400px;
margin-left:auto;
}
#contenedorvideoDS9{
position:absolute;
overflow:hidden
margin:5px;
margin-top:50px;
margin-left:240px;
z-index:-1;
}
#contenedorfotoDS9{
position:absolute;
width:145px;
height:92px;
z-index: 70;
}
<div id="capacontenedoraDS9">
<div id="contenedorvideoDS9">
<embed src="http://www.mundostartrek.com/MST3/videos/'.$doc.'.swf" height=290 width=500 ></embed>
</div>
<div id="contenedorfotoDS9">
<img src="http://www.mundostartrek.com/MST3/imagenes/biblioteca/DS9.png" width="800">
</div>
</div>';
El problema es que no respeta el Z-index y muestra el video siempre encima, si en vez de un video pongo una foto si lo muestra bien. Lo mas curioso es que si se visualiza en un Mac OS X si se muestra bien, pero ni en windows ni linux lo hace.
No se donde puede estar el fallo y ando un poco desesperado. Podeis ver el resultado en:
http://www.mundostartrek.com/Biblioteca_Nueva.php?doc=enterprise-d