Autore Topic: Problem z- index contenuti pagina  (Letto 1697 volte)

locas78

  • Nuovo arrivato
  • *
  • Post: 41
Problem z- index contenuti pagina
« il: 07 Novembre, 2012, 12:27:25 »
Ciao ragazzi,
scrivo per un problema con lo z-index.
Nei contenuti pagina vorrei sovrapporre due immagini come nell'esempio immagine allegata.
Il codice che incorporo è il seguente, ma il risultato è che la freccia rossa finisce sotto al box superiore blu.

<style type="text/css">
#imObjectImage_1 {position: relative; z-index:2;}
#imObjectImage_2 {position: relative; z-index:4;top:-20}
</style>

Ringrazio in anticipo chiunque vorrà autarmi.










lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Problem z- index contenuti pagina
« Risposta #1 il: 07 Novembre, 2012, 14:42:21 »
Aspettando qualcuno con la 9 e premesso che ho provato (solo Firebug) con un sito nella Gallery di WS, credo che tu debba indicare l'id dell'oggetto che contiene l'immagine.

Nel tuo caso (immagine che deve andare sopra) dovrebbe essere imCell_2 quindi puoi provare questo CSS:

<style type="text/css">
#imCell_2 {top:-20px; z-index:4; }
</style>


In rosso da personalizzare.
Forse z-index è superfluo.

Mah, chissà se ho indovinato... vo' alla cieca  :)


Edit:
Mhmmm... con i "margini della cella" in negativo hai provato? (son sempre quello che va "a tastoni"  ;) )


« Ultima modifica: 07 Novembre, 2012, 14:50:38 da lemonsong »

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Problem z- index contenuti pagina
« Risposta #2 il: 07 Novembre, 2012, 16:15:45 »
ha ragione lemonsong, io ho la v9 e con il suo codice funziona, e z-index non serve.

locas78

  • Nuovo arrivato
  • *
  • Post: 41
Re:Problem z- index contenuti pagina
« Risposta #3 il: 07 Novembre, 2012, 16:24:50 »
Il problema infatti era proprio quello di indcare l'id dell'oggetto.
Z-index vi confermo che è del tutto superfluo.
Grazie mille...mitici!