[CSS] layers parzialmente sovrapposti

[dalang]

Scusate la domanda fagiana, ma con la ricerca non ho trovato niente di utile...

io dovrei fare una pagina con tre livelli parzialmente sovrapposti...mmm...

diciamo che
a (0,0) metto un'immagine,
a (100,50) c'è un'altra immagine che deve lasciar intravedere quella sotto
ed a (80,80) c'è un'altro div con dentro della roba, ed anche questo dovrebbe essere semi-trasparente...

non so se si è capito molto...

devo per forza usare il posizionamento assoluto? o ci sono altre soluzioni?

qualche anima pia mi può postare un'esempio stupidissimo di 2 0 3 div parzialmente sovrapposti... please!
o una guida...

Grazie in anticipo!

[rebelia]

Originariamente inviato da dalang
Scusate la domanda fagiana, ma con la ricerca non ho trovato niente di utile...

io dovrei fare una pagina con tre livelli parzialmente sovrapposti...mmm...

diciamo che
a (0,0) metto un'immagine,
a (100,50) c'è un'altra immagine che deve lasciar intravedere quella sotto
ed a (80,80) c'è un'altro div con dentro della roba, ed anche questo dovrebbe essere semi-trasparente...

non so se si è capito molto...

devo per forza usare il posizionamento assoluto? o ci sono altre soluzioni?

qualche anima pia mi può postare un'esempio stupidissimo di 2 0 3 div parzialmente sovrapposti... please!
o una guida...

Grazie in anticipo!

quale altro posizionamento vorresti adoperare?

se non vuoi partire col posizionamento da bordo pagina, puoi sempre creare un div a cui dai position: relative che contenga i tuoi tre elementi, in questo modo il position: absolute fa riferimento al div contenitore

[dalang]

ok, grazie!

Originariamente inviato da rebelia
quale altro posizionamento vorresti adoperare?

Avevo detto che era una domanda fagiana... sono appena entrato nel mondo dei CSS, io mi occupo prevalentemente di programmazione lato server, quindi chiedevo solo charimenti.

[rebelia]

Originariamente inviato da dalang
ok, grazie!



Avevo detto che era una domanda fagiana... sono appena entrato nel mondo dei CSS, io mi occupo prevalentemente di programmazione lato server, quindi chiedevo solo charimenti.

guarda che la mia non era una domanda retorica, ma curiosa: non sapevo se volessi ottenere particolari effetti, tutto qui

[dalang]

lo so che non era retorica.

Non ho idea di quali altri metodi si possono usare, ho solo dato un occhiata alle guide base dei css, e l'unica cosa che avevo trovato per fare quello che volevo era il posizionamento assoluto.
E ti ringrazio per avermi detto che se metto tutto all'interno di un div contenitore, l'absolute si riferisce a quello.

tanto che son qui come posso rendere un div trasparente, per vedere quello che c'è sotto? o sono trasparenti di default?
non ho avuto modo di fare delle prove...
ed inoltre, mi sembra di aver letto che si può impostare il livello di trasparenza... o me lo sono sognato?

Grazie!

[bagu]

background-color: transparent;

ciauz paolo

[dalang]

Tanks a lot!

[rebelia]

Originariamente inviato da dalang
Tanks a lot!

'spe!

di default i layer sono trasparenti, mentre per la semitrasparenza che chiedi tu, l'attributo e' filter: opacity e qui trovi degli esempi

[Mich_]

Originariamente inviato da rebelia
..., mentre per la semitrasparenza che chiedi tu, l'attributo e' filter: opacity e qui trovi degli esempi

Precisazione:
La semitrasparenza non esiste nei CS standard.

Browser diversi hanno proposto soluzioni diverse:
IE ha i filter()
Moz e famiglia hanno moz-opacity
Altri hanno opacity o altre varianti.

Proprio pochi giorni fa qualcuno in questo forum aveva proposto una soluzione "crossbrowser" (per i soli browser che supportano l'opacita`) - prova a fare una ricerca nel forum (bottone in alto a destra).

[bagu]

qui trovo un esempio di come risolvere molto ben fatto (si devono usare PNG e richiede js e commento condizionale)
ciao paolo