Cascading Style Sheets (CSS) controllo l'aspetto dei siti Web e CSS3 è la specifica più recente per i CSS. Mentre CSS3 aggiunge funzionalità quali sfumature, ombre e angoli arrotondati, le versioni di Internet Explorer (IE) 6 a 8 non supportano affatto CSS3. Aggiunta di un file di poli-riempimento - un file HTC che "riempie" il supporto IE è manca - al tuo sito Web vi permetterà di utilizzare alcune proprietà CSS3 base. Di CSS3 pochi poli-riempimenti che esistono, uno dei migliori da utilizzare per l'aggiunta di effetti visivi è CSS3 PIE (Progressive Internet Explorer).

Istruzioni

1

Vai a css3pie e scaricare CSS3 PIE, uno script di poli-materiale di riempimento che aggiunge supporto CSS3 limitato per il tuo sito quando visitatori caricarlo in Internet Explorer versioni 6 a 8. Decomprimere il CSS3 PIE sul computer e caricarlo sul server Web, se il tuo sito è già online.

2

Aprire il file CSS associato con il tuo sito Web. Selettori CSS, ad esempio "#mydiv" o "tagname," insieme con le coppie di valori di proprietà contenute tra le parentesi graffe, costituiscono le regole di stile. Aggiungere questo codice a ogni regola di stile che contiene le proprietà CSS3:

comportamento: URL(path/to/PIE.htc);

Cambiamento "path/to/PIE.htc" il percorso del file PIE.htc.

3

Individuare qualsiasi sfumatura lineare nel file CSS e scrivere una nuova coppia di valori di proprietà:

-torta-sfondo: lineare-gradient(top, #ffffff, #000000);

La coppia di cui sopra non sostituisce altri nel codice. Si tratta di un paio che aggiunge il supporto per CSS3 PIE solo. Non utilizzare "sfondo - torta--immagine." Modificare i valori per la sfumatura, come direzione o colori, per abbinare la sfumatura che si desidera utilizzare.

4

Modificare qualsiasi codice di colore RGBa (rosso, verde, blu e alfa) nel CSS3 in esadecimale. Il CSS3 PIE poli-riempimento può utilizzare i valori di colore RGBa ma non renderà i colori con qualsiasi trasparenza. Lasciare un valore RGBa da solo se quel colore non sarà male quando reso opaco.

Consigli & Avvertenze

• Si possono ottenere molti effetti di CSS3 utilizzando JavaScript fallback. Questi fallback aggiungere spesso soltanto un effetto alla volta, però.
• È consigliabile consentire il tuo sito Web a degradare con garbo in browser meno recenti. Ciò significa che anche se alcuni utenti non vedranno gli angoli arrotondati o sfumature, possono ancora leggere e utilizzare il sito Web.
• CSS3 PIE funziona meglio con siti Web HTML normale, "statico". Quando applicato a modelli o temi per dynamic Content Management Systems (CMS), il file di poli-materiale di riempimento non sempre funziona, o potrebbe comportarsi in modo strano.
• Questa tecnica non aggiungerà lo shadowing di testo di supporto per il tuo sito. Si dovrebbe verificare che il colore del tuo testo non interferisce con la leggibilità quando l'ombra è manca.