Z-index Di default è 0 Sono ammessi numeri interi positivi Rimane sopra quello con il valore z-index più alto 0 1 2 3 A parità di indice, l’elemento definito.

Presentazione sul tema: "Z-index Di default è 0 Sono ammessi numeri interi positivi Rimane sopra quello con il valore z-index più alto 0 1 2 3 A parità di indice, l’elemento definito."— Transcript della presentazione:

1 z-index Di default è 0 Sono ammessi numeri interi positivi Rimane sopra quello con il valore z-index più alto 0 1 2 3 A parità di indice, l’elemento definito per ultimo viene inserito sopra

2 opacità - trasparenza è possibile creare dei pannelli trasparenti o rendere le immagini più sfumate la sintassi cambia a seconda del browser, ad esempio i browser di derivazione microsoft avranno alpha(opacity=x) con valori da 0=completamente trasparente a 100=opaco altri browser hanno opacity con valori da 0=trasparente a 1=opaco filter:alpha(opacity=60); /*for IE*/ opacity:0.6; /* standard w3c css3 */

3 cursor indica la forma che dovrà prendere il cursore quando è sopra l'elemento url ( indirizzoFile.Ico ) default la freccia auto è il browser che determina il tipo di puntatore crosshair la croce (un più, tipo cad, per selezionare un punto esatto) move la 4 frecce per indicare un oggetto da spostare pointer, hand la manina (per i link) e-resize, w-resize doppia freccia destra-sinistra n-resize, s-resize doppia freccia verticale ne-resize doppia freccia da nord verso est nw-resize doppia freccia da nord verso ovest text una spece di I wait clessidra help punto interrogativo

4 Le immagini e clip:rect() esistono 2 modi per ritagliare una immagine: background-position: offx offy ; width: width; height: height; clip:rect(yTop, xRight, yBottom, xLeft); width: widthImg; height: heightImg; per ottenere lo stesso ritaglio: offy, offx+width, offy+height, offx notare che clip è simile a visibility, cioè le parti esterne al ritaglio non sono visibili, ma occupano spazio! Clip si applica ad oggetti immagine; background-position a immagini di sfondo yTop 1 2 xRight 3 yBottom 4 xLeft