Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Layer sopra foto

  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Layer sopra foto

    Ho una foto e un div:

    codice:
    [img]img/MTP-2.jpg[/img]<div id="fotografia">[img]QUALCOSA[/img]</div>
    lo stile del div è:
    [IMG] #fotografia
    {
    z-index:1;
    }[/IMG]
    nonostante z-inxex è a 1 il div è sotto la foto ma io lo vorrei sopra!

  2. #2

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    esatto!

    Per farti capire su quella foto devo fare apparire un layer pop up, e cliccando sulla foto deve uscirne un pop-up con l'ingrandimento quindi mi serve linkarla.

  4. #4
    Non uso molto queste tecniche, vediamo comunque se il concetto funziona:
    codice:
    XHTML
    <div id="sotto"></div>
    <div id="sopra"></div>
    
    CSS
    #sotto,
    #sopra {
       width:300px;
       height:150px;   
    }
    #sotto { background-color:#ccc }
    #sopra {
       background-color:#c00;
       float:left;
       margin-left:-300px;
       z-index:2;
    }
    Non ti assicuro nulla: test and let us know.

  5. #5
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    No mi va fisicamente sotto!

  6. #6
    Proviamo con il posizionamento relativo:
    codice:
    #sopra {
       background-color:#c00;
       position:relative;
       top:-150px;
       z-index:2;
    }
    Se vuoi approfondire (io ora non ho tempo): http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index .

    P.S. Se non va ancora, prova ad esagerare con il valore di 'z-index'.

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.