scusate vorrei sapere come posso risolvere il bug del z-index per far risultare il sito compatibile su IE6 e IE7...in pratica con dreamweaver cs5 vado su compatibilità browser e mi da errore , mi dice questo
Positioned containers define a new stacking order, even when the computed z-index of the container is auto. This can cause positioned children of the container to appear above other positioned elements on the page when they should not.
Affects: Internet Explorer 6.0, 7.0
Likelihood: Likely
_____
in pratica le immagini sono annidate così ed è proprio li che mi segnala l'errore.
Codice HTML:
<div id="roundrect1" style="position:absolute; overflow:hidden; left:2px; top:231px; width:961px; height:609px; z-index:2"><img border=0 width="100%" height="100%" alt="" src="http://forum.it.altervista.org/images/roundrect22009120.png"></div>
<div id="image2" style="position:absolute; overflow:hidden; left:8px; top:246px; width:202px; height:43px; z-index:3"><img src="http://forum.it.altervista.org/images/right-box-title-bg.jpg" alt="" title="" border=0 width=202 height=43></div>
<div id="image3" style="position:absolute; overflow:hidden; left:15px; top:419px; width:202px; height:43px; z-index:4"><img src="http://forum.it.altervista.org/images/right-box-title-bg.jpg" alt="" title="" border=0 width=202 height=43></div>
ecc...
ho provato a mettere uno script
http://www.gizstyle.com/2010/07/29/ie-z-index-bug/ aggiornando sembra che vada per un pò, ma dopo aggiornando di nuovo la compatibilità mi da di nuovo tutti i bug z-index... aiutatemi ditemi passo per passo i passaggi please! grazie in anticipo