L'esempio che hai provato ad implementare utilizza un contenitore div principale (wrapper) che contiene a sua volta un contenitore div per il filmato Flash ed un contenitore div per l'html.
Normalmente i due div contenuti verrebbero visualizzati uno sopra l'altro: impostando il posizionamento assoluto al div del Flash questo verrà tolto dal flusso del documento e si spostera nell'angolo in alto a sinistra del wrapper, per default top:0; e left:0;.
Gli z-index faranno in modo che il div del Flash vada dietro il div dell'HTML.
Per inserire il Flash nel div ti conviene usare una libreria javascript (così eviti di vedere un rettangolino vuoto mentre la pagina carica l'swf).
Nell'esempio sotto ho usato la libreria AC_RunActiveContent.js che trovi facilmente in Rete.
L'esempio funziona inserendo il file "AC_RunActiveContent.js" ed il file "sfondo.swf" nella stessa cartella del file HTML dell'esempio.
Ciao
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script src="AC_RunActiveContent.js" type="text/javascript" language="javascript"></script>
<style type="text/css">
#wrapper{
height: 300px;
width: 500px;
position: relative;
}
#sfondo{
z-index: 1;
position: absolute;
}
#contenuto{
z-index: 2;
position: relative;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="sfondo">
<script type="text/javascript" language="javascript"> if (AC_FL_RunContent == 0)
{
alert("This page requires AC_RunActiveContent.js.");
}
else
{
AC_FL_RunContent(
'codebase',
'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width',
'500',
'height',
'300',
'src',
'sfondo',
'quality',
'high',
'pluginspage',
'http://www.macromedia.com/go/getflashplayer',
'align',
'middle',
'play',
'true',
'loop',
'true',
'scale',
'showall',
'wmode',
'transparent',
'devicefont',
'false',
'id',
'Logo',
'bgcolor',
'#e6b200',
'name',
'Oxygen Therapy',
'menu',
'true',
'allowScriptAccess',
'sameDomain',
'movie',
'sfondo',
'salign',
'' );
//end AC code
}
</script>
</div>
<div id="contenuto">
Inserire qui il contenuto html
</div>
</div>
</body>
</html>
Permessi di invio
Rispondi quotando