layer sotto ma a volte sopra "mistero"

[leopard]

in alcuni browser tipo internet explorer 8 e 9 il layer rimane sotto ad un altro layer

in chrome firefox e opera rimane sopra "correttamente"

in internet explorer 10 rimane sopra "correttamente"

qualcuno sa dirmi come mettere sopra in tutti i browser un layer?

grazie

[Prill]

Hai una pagina di esempio, col problema, in rete e vuoi lincarla?

[leopard]

non essendo mio il sito preferisco non lincarlo però sono 2 layer contenti 2 filmati flash e uno sta sotto invece dovrebbe stare sopra in tutti i browser, questo è il problema.

grazie.

[Prill]

Prova assegnando a quello che deve stare sotto un <param name="wmode" value="transparent">. Se non risolvi posta il codice

[leopard]

****** CODE HTML ******
<div style=”width:150px; height:150px; position:absolute; z-index:auto”>
<div class="flash">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="100%" height="133">
<param name="movie" value="flash/menu_v8.swf?button=1" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="menu" value="false" />

<object data="flash/menu_v8.swf?button=1"
width="100%" height="133" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="menu" value="false" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>

</object>
</div>
<div class="flash1">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="100%" height="438">
<param name="movie" value="flash/slideshow_v8.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="menu" value="false" />

<object data="flash/slideshow_v8.swf"
width="100%" height="438" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>

</object>
</div>

<div id="layer1" style="position:absolute; z-index:10; TOP:100px; width:100%; height:800px; padding:0px; left: 0;">
<p align="center">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="1000" height="800" align="absmiddle">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="menu.swf" width="1000" height="800" align="absmiddle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</p>
<p align="center">[img]images/chiudimenu.jpg[/img]</p>
</div>

</div>

****** END CODE HTML **



le 2 classi nel file css dei primi 2 filmati in alto sono cosi definite
******* CODE CSS ****
.flash{
position: relative;
width:100%;
}
.flash1{
position: relative;
margin-top:6px
}
***** END CODE CSS ***

[leopard]

l'ultimo DIV del codice sopra in alcuni browser tipo ie8 viene visualizzato sotto al secondo mentre in quasi tutti gli altri browser risulta correttamente sopra.

Qualcuno hai idea del motivo?

[ResianTaxidrive]

Perché metti z-index:auto al primo div e non un numero inferiore a 10?

La prossima volta posta il codice all'interno degli opportuni tag, perché cosí come é adesso, nel forum non si legge bene