Testo in html sopra video Flash swf

bitproduction

Testo in html sopra video Flash swf

Salve, sto cercando di risolvere un problema che mi sta capitando ora. Ho caricato un contenuto swf di sfondo, sopra di questo ora ci vorrei inserire un testo in html.
Per caricare l'swf ho creato un div in questo modo:


<div id="Home">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="920" id="home" align="middle">
<param name="movie" value="home.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<object type="application/x-shockwave-flash" data="home.swf" width="800" height="920">
<param name="movie" value="home.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

</object>
</object>
</div>

Con CSS:


#Home 
{
	left:50%;
	margin:-60px 0 0 -400px;
	position:absolute;
	width:100%; 
	height:100%; 
}

Il testo che dovrà andarci sopra l'ho caricato cosi:


<div id="Testo">
	<p>Testo................<p>
</div>

Con CSS:


#Testo
{
	left:50%;
	margin:30 0 0 0;
	position:absolute;
}

Ho provato con gli z-index ma niente, il blocco testo continua a rimanere sotto. Sono riuscito a portarlo il primo piano solamente aggiungendo al css però con questa soluzione si crea uno sfondo bianco che copre l'swf. Se provo con ```
background-color: transparent; z-index:2;

Dove sto sbagliando?

Grazie a tutti per gli aiuti

prill

Ciao bitproduction, oltre a sovrapporre i due div e a inserire lo z-index, dovresti impostare il wmode su transparent (<param name="wmode" value="transparent" />). Ma perché due richiami per il filmato con l'oggetto annidato? Non è necessario il primo object solo per Explorer, Explorer visualizza già il filmato con


<object type="application/x-shockwave-flash" data="home.swf" width="800" height="920">
<param name="movie" value="home.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

bitproduction

grazie mille ora funziona, non so perchè ma ci avevo provato e non aveva funzionato forse perchè mi ero dimenticato di mettere transparent anche nell'anidazione. Comunque l'annidazione la predispone gia abode flash e da quel che ho capito esiste perchè cosi p possibile vedere l'animazione su diversi browser. Infatti sono presenti alcuni commenti con degli ```

Ancora grazie mille ;)

prill

Ma di quell'annidamento si può fare a meno, il tuo codice, con l'aggiunta dei commenti condizionali, serve a far vedere al solo Explorer il richiamo dell'object col classid e a nascondergli l'altro, ma per come l'altro si presenta viene già correttamente interpretato e reso anche da Explorer (basta del resto una semplice prova)