imagen arriba de flash

[gdb7]

Estoy insertando un flash con swfobject y tengo que colocar una imagen arriba del mismo, pero al parecer el flash queda siempre arriba de la imagen, paso los codigo para ver si alguien me ayuda:

HTML:

<div class="noves">Visita les noves instal.lacions</div>
<div id="flashcontent">
<img src="img/flash.jpg" alt="" />
</div>

<script type="text/javascript">
// <![CDATA[

var so = new SWFObject("img/flash.swf", "flash", "826", "214", "7", "#FFFFFF", true);
so.write("flashcontent");

// ]]>
</script>

CSS:
#flashcontent{ width:826px; height:214px; display:block; position:relative; z-index:1;}
.noves{ height:127px; width:127px; display:block; background:url(../img/noves-instalaciones.png) no-repeat; position:absolute; right:0; top:100px; text-indent:-9999px; z-index:25; }

.noves seria la imagen que deberia quedar arriba del flash

Saludos y gracias

[xaguar]

Tienes que añadir la propiedad "wmode=transparent", el código te quedara asi:

Código HTML:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="450" height="400" id="video" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="transparent">
<param name="movie" value="ruta/video.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#0000a0" />
<embed wmode="transparent" src="ruta/video.swf" quality="high" bgcolor="#0000a0" width="450" height="400" name="video" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object> 

Con esto te permitira usar la propiedad z-index en css.

saludos

[hey_alan]

Según yo, problema está en el html: No haz encerrado el script que te genera el flash en el div "flash content". Quedaría de esta forma:

HTML:

Código:

<div class="noves">Visita les noves instal.lacions</div>
<div id="flashcontent">
<img src="img/flash.jpg" alt="" />
<script type="text/javascript">
// <![CDATA[

var so = new SWFObject("img/flash.swf", "flash", "826", "214", "7", "#FFFFFF", true);
so.write("flashcontent");

// ]]>
</script>
</div>

Otra cosa que no entiendo es qué hace la "<img src="img/flash.jpg" alt="" />"; ¿Es el contenido alternativo?, ¿Qué hace exactamente tu script?.

Saludos.

[gdb7]

Xaguar, efectivamente tienes razón, agregandole este parametro luego toma el z-index, si no esta presente, no lo hace. Lo único que te corrijo, es que como yo estoy utilizando un script para insertar el flash, la manera de agregar el parametro es con
so.addParam("wmode", "transparent");

lo que dejaría de esta manera el script:

<script type="text/javascript">
// <![CDATA[

var so = new SWFObject("img/flash.swf", "flash", "826", "214", "7", "#FFFFFF", true);
so.addParam("wmode", "transparent");
so.write("flashcontent");

// ]]>
</script>

hey_alan, primero, da lo mismo que este dentro o fuera de la capa flashcontent, dado que lo que hace el script es remplazar flashcontent, o el contenido del mismo, por el flash en cuestión. es eso lo que hace el javascript, y se utiliza para insertar elementos de etiqueta <embed> para que el xhtml valide lo standares web...

Saludos y gracias

[xaguar]

De nada gdb7, y por otra parte gracias a ti, ya que tu retroalimentación me ayuda a aprender más, ya que yo he trabajado muy poco con scripts.

Un saludo.