Ciao a tutti
ho un problema che non riesco proprio a risolvere...
riguarda la modaltà con cui explorer gestisce lo z-index.
ho fatto un sito in cui c'è un'immagine che è parzialmente coperta da una barra menu con effetto trsparenza. con firefox o safari nessunissimo problema, ma con explorer fa casino: in pratica la prima volta che si carica l'immagine non fa problema, ma se provo a ricaricarla (ricleccando sul bottone che la chiama) il menu socompare (immagino che finisca sotto all'immagine) poi facendo un aggiornamento con f5 ecco che la barra ricompare...
io non so che fare ho letto qui e li che ci sono dei bachi di explorer rigurado all'implementazione dello z-index, ma non ho capito la soluzione.
una delle immagini che ad esempio fa casino è questa:
http://www.davisbaldini.com/prova/st...hp?show=05.jpg
se guardate velocemente il sito vedete che il problema lo fa solo con le immagini che sono a misura piene e quindi si sovrappongono al menu...
il codice è questo:
<div id="divTest">
<div id="menu">
<div id="book">
Book 1
Book 2
<!--Book 3
-->
<!--Book 4
-->
<!--Book 5
-->
</div>
<div id="thubs">
<?php
$i=0;
$handle=opendir($imagedir);
while (false!==($file = readdir($handle))) {
if ($file != "." && $file != "..") {
print "<a href=\"gallery.php?show=$file\"><img src=\"$thumbdir/$file\" border=\"0\" alt=\"img\"></a>";
++$i;
if($i == $columns) { print "
";
$i = 0;
}
}
}
closedir($handle);
?>
</div>
</div>
<div id="foto">
<?
$a=0;
if ($a=0) {print "<img src=images/01.jpg>"; ++$a;}
elseif ($show != "") //show the current image if any
{
print "<img src=images/$show alt=img>";
}
?>
</div>
</div>
i div che hanno lo z-indez sono "menu" e "foto"
questo è il css:
#foto{
padding: 0px 0px 0px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
float: right;
z-index: 1;
}
#menu{
position: absolute;
height: 395px;
width: 100px;
padding: 0px 0px 0px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
float: left;
z-index: 2;
background-color: #333;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}
spero di avervi messo a disosizione tutti i dati per darmi una risposta.
ciao
daniele
p.s.
scusate se ci saranno errorri ma non sono ancora abilissimo![]()