Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Uso di Z-Index

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    149

    Uso di Z-Index

    Ciao ragazzi...
    HO letto su una guida di html.it che il parametro css z-inde serve per un posizionamento sull'asse z dei div in maniera molto simile a quella che photoshop fa sui livelli....
    Bene stp cercando di modificare un template del cms joomla s e mi servirebbe sapere se e come fare a posizionare una piccola immagine decorativa che venga posizionata sempre in alto a sinistra ma chre deve stare sotto tutti gli altri Div....
    il codice che ho utilizzato è il seguente
    Codice PHP:
    .immagine_top_left {
        
    background-repeatno-repeat;
        
    positionabsolute;
        
    top0px;
        
    cliprect(auto,0px,auto,0px);
        
    height234px;
        
    width300px;
        
    left0px;
        
    background-imageurl(../images/bg_page.png);
        
    background-positionleft top;
        
    background-color#FF0000;
        
    z-index2
    poi un'altra informazione..
    se inerisco la posizione "absolute" in questo div devo inserirla in tutti gli altri?
    a me l'effetto che interesserebbe sarebbe semplicemente che questo div deve stare al di sotto di tutti gli altri indipendentemente da tutto.....

    grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Alcune brevi considerazioni.

    1. L'uso di posizionamenti e` una delle cose piu` complesse nei CSS: usalo solo se strettamente necessario: di solito porta a sovrapposizoni dei blocchi che non stanno bene
    Ecco un paio di articoli: se li capisci puoi usare i posizionamenti, in caso contrario devi prima approfondire lo studio dei CSS:
    I posizionamenti assoluti
    Capire i posizionamenti relativi

    2. Hai gia` consierato se per caso puoi inserire l'immagine come sfondo del body (background-image)? Automaticamente l'immagine sarebbe sotto tutto il resto, potresti posizionarla dove vuoi (background-position) ed eviteresti molti altri problemi.

    3. L'uso di z-index: devono essercene almeno due in un layout; in linea di massima un oggetto definito successivamente (nel codice HTML) prende di default uno z-index maggiore dei precedenti.

    4. Se proprio devi usare i posizionamenti, nel tuo caso la cosa piu` semplice e` inserire nell'ordine:
    codice:
    <body style="width:100%; height: 100%; overflow:hidden;">
      [img]...[/img]
      <div id="tutto" style="position:absolute; left:0; top:0; z-index:20; width:100%; height: 100%; overflow:auto;">
      ... il resto del sito ...
      </div>
    </body>
    Nota: ho usato stili in linea solo per semplificare il codice: andrebbero evitati
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    149
    grazie per la risposta...
    allora non lo posso mettere come sfondo perchè lo sfondo c'è già....
    e ho gia provato a usaere lo z-index ma non funge a meno che io non inserisca lo z-index a tutti lgi altri stili e trattandosi di un template di joomla (come ho gia detto) è un pò un casino applicarlo a tutti gli stili

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.