• I vantaggi di questo sono evidenti - ma ancora una volta Netscape ha supporto molto limitato degli strati di CSS - e lo superano fuori: il supporto che limitato offre è eseguito abbastanza spesso con i guasti.

• Così le sfide reali quando funzionare con gli strati è di rendere loro il lavoro sui browsers del Netscape pure.

• Generare uno strato tutto che dobbiate fare è di assegnare la posizione dell'attributo al vostro stile.

• La posizione può essere parente o assoluto.

• La posizione in se è definita con parte di sinistra e le proprietà superiori.

• Per concludere, che lo strato è sulla parte superiore è definito con l'aiuto dell'attributo di z-indice.

Potete la una o la altra posizione che il vostro strato ha calcolato dalla posizione dove lo strato in se è inserito (parente) o è calcolato dal angolo di sinistra superiore (assoluto).

Se definite la posizione all'assoluto sarà calcolato dal angolo di sinistra superiore della pagina - a meno che lo strato sia definito all'interno di un altro strato, nel qual caso sarà calcolato dal angolo di sinistra superiore dello strato del genitore.

Se definite la posizione per essere relativi riguardante la posizione della modifica che trasporta lo stile. Cioè se aggiungete uno strato relativamente posizionato nel mezzo della pagina, allora la posizione sarà calcolata da quel punto esatto nel mezzo della vostra pagina in cui è stato aggiunto precedentemente.

• Mentre la proprietà di posizione indica la molla di out del nostro sistema coordinato, le proprietà della parte superiore e di parte di sinistra definisce la posizione esatta del nostro strato.

• Potete fornire sia i valori positivi che negativi per queste proprietà - così è possibile disporre il soddisfare più su in su e più ulteriormente il a sinistra alla pagina che la posizione logica nel codice del HTML dove lo strato in se è definito.

• In altre parole: alla parte inferiore dei vostri codici del HTML potete impostare il codice per uno strato che è posizionato alla parte superiore della pagina risultante.

• Sia superare che le proprietà di sinistra possono essere cambiate dinamicamente con il Javascript.

Ciò significa che è possibile spostare la cosa intorno sullo schermo anche dopo che la pagina ha rifinito il carico.

In effetti questa tecnica può essere usata per generare gli interi giochi. Altri usi potrebbero essere menu che schioccano fuori quando la a mouse-sopra è rilevata su un collegamento. Le possibilità sono infinite - ma per mantenere le cose semplici, non scaveremo nei particolari circa questi effetti dinamici del HTML qui.

• Descrivere un gioco di 52 schede. Se l'asso della forcella fosse alla parte inferiore diremmo che ha avuta z-indice: 1;. Se la regina di cuore fosse alla parte superiore diremmo che ha avuta z-indice: 52;.

• Provare a guardare gli esempi di codice la parte superiore di questa pagina ancora e vedere come abbiamo usato l'z-indice per mettere lo STRATO 1 sulla parte superiore nel primo esempio, mentre abbiamo avuti STRATO 2 sulla parte superiore nel secondo esempio.

• La possibilità molto interessante risulta dal fatto che l'z-indice può essere cambiato dinamicamente con il Javascript.

• È possibile generare i parecchi “pagina„ in cima a vicenda - tutto alla stessa pagina. Quando l'utente scatta un collegamento sposterà semplicemente lo strato con l'Info voluto sulla parte superiore piuttosto che carica un nuovo pagina. La tecnica per generare gli effetti gradisce che va oltre la portata di CSS puro tuttavia, in modo da per ora ci riferiremo appena a DHTML (HTML dinamico - una miscela fra il Javascript ed il CSS) per ulteriori esplorazioni in quella zona.

• Una proprietà finale è la proprietà di visibilità che permetterà che generiate lo strato invisibile.

• Perchè chiunque desidererebbe generare uno strato invisibile? Bene, immaginare la possibilità che dà per la aggiunta i menu pop-up e degli altri effetti freddi sulle vostre pagine.

• Con il HTML dinamico è possibile cambiare la visibilità di uno strato secondo determinati eventi. L'uso più comune di questo è di generare i menu che schioccano fuori (come i menu secondari nel menu di INIZIO su Windows). Il trucco dietro questi menu è di generare tutti i submenus come strati invisibili. Allora, quando la a mouse-sopra è rilevata su un collegamento lo strato conciliantesi diventa visibile. (Suoni abbastanza facili - realmente è abbastanza facile - tranne quando browsers sopra provati del Netscape che sembrano avere soltanto idea della logica dietro gli strati di CSS).

• I valori validi per la proprietà di visibilità sono: nascosto e visibile.

Questo esempio mostra come generare gli strati invisibili:

• È evidente che gli strati offrono determinate possibilità per posizionare preciso dell'elemento statico alle vostre pagine.

• In realtà gli strati sono usati spesso nel senso più dinamico:

  1. Elementi/bandiere di volo alla pagina
  2. Giochi dove spostate un oggetto intorno
  3. Menu che schioccano fuori una volta innescati
  4. Menu che diventano visibili una volta innescati

• Mentre tutti questi effetti potrebbero sembrare utile grazioso - il fatto è che il fotoricettore è riempito di effetti dinamici che sono molto più freddi dell'ospite dei simili medii realmente.

• Di più che potete generare un'interfaccia unica per il vostro luogo di più forzate l'ospite dimenticarti circa a che cosa siete usati. Non sottovalutare l'alimentazione di attaccare agli elementi che l'ospite medio accustomed a.

• Che cosa è freddo circa la generazione dell'effetto che marche 90% di tutto l'applauso dei progettisti di fotoricettore le loro mani mentre lasciando 90% dei progettisti di non-fotoricettore confusi o deludenti?

• Comunque, giudice per lei se determinato effetto è realmente necessario - ed in caso affermativo: non esitare ad usarlo.