Z-index CSS - banner swf sotto png maschera trasparente

[Nayaril]

Ciao a tutti,

sto facendo un sito per una conoscente che ha un centro estetico.

volevo mettere uno slideshow a mo di banner sotto una maschera PNG trasparente ma non funziona.

Ho usato il Z-index in CSS e con le immagini in JPG funziona ma con i banner SWF no.

Ecco 2 esempi:

http://www.lightimage.ch/prova/

codici HTML

<div id="contenitore">

                  <div id="livello1">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="711" height="357" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="banner/banner.swf?xml_path=banner/slides.xml" />
<param name="quality" value="high" />
<embed src="banner/banner.swf?xml_path=banner/slides.xml" quality="high" width="711" height="357" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

                                <div id="livello2">
[img]images/header.png[/img]
</div>

</div>

  

<div id="contenitore2">

<div id="livello1a">
[img]images/calcio.jpg[/img]
</div>

<div id="livello2a">
[img]images/header.png[/img]
</div>

</div> 

Codice CSS

#contenitore 
{     width: 980px;     height: 510px; }   

#livello1 
{     position:absolute;     top: 50px;     z-index: 1;     width: 711px;     height: 357px; } 
 
#livello2 
{     position:relative;     z-index: 2; }    



#contenitore2 
{     width: 980px;     height: 510px; }   
#livello1a 
{     position:absolute;     top: 670px;     z-index: 1;     width: 711px;     height: 357px; }  
#livello2a 
{     position:absolute;     top: 600px;     z-index: 2; } 

sono aperto a suggerimenti.

grazie mille.

[Prill]

Ciao, ricercando nel forum avresti trovato la risposta. Puoi farlo aggiungendo un <param name="wmode" value="transparent" /> e poi un wmode="transparent" all'interno di embed. Ma non c'è la necessità del doppio richiamo e del tag embed, non valido. Metodo crossbrowser e standard è il seguente:

<object data="banner/banner.swf?xml_path=banner/slides.xml" type="application/x-shockwave-flash" width="711" height="357" id="tech">
<param name="movie" value="banner/banner.swf?xml_path=banner/slides.xml" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />


per visualizzare il filmato scarica ilFlash Player</p>
</object>

[Nayaril]

Funziona!!!

ti ringrazio, avevo cercato nei vari forum per questo problema ma non avevo capito come risolverlo, son bastati i parametri wmode.

Grazie mille!!