Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Problema z-index in explorer

    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

  2. #2
    a un primo sguardo noto che il div #foto NON è posizionato, ma anzi è impostato con un float-right.
    Considera che z-index si applica a elementi posizionati mentre uno flottante è esattamente il suo contrario, dal momento che viene tolto dal naturale flusso degli elementi sulla pagina.
    Qualunque imbecille può inventare e imporre tasse. (Maffeo Pantaleoni)

  3. #3
    allora cosa posso fare?
    creo un div che contiene "foto" a cui do lo z-index e invece "foto" lo lascio float in modo che le foto siano allineate a dx?
    potrebbe funzionare?
    non lo sapevo proprio che z-index avesse questa restrizione sui posizionamenti
    grazie farò una prova
    ciao
    daniele

  4. #4
    GRAZIE DELLA DRITTA!!!
    ho cambiato le impostazioni dei div e ora funziona tutto!!!
    ciao e grazie!
    daniele

  5. #5
    Qualunque imbecille può inventare e imporre tasse. (Maffeo Pantaleoni)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.