Come usare CSS3 selettori a IE6 o IE7 / Myclads.com

Come usare CSS3 selettori a IE6 o IE7

March 12

I selettori CSS3 aggiunti a rendere le pagine web di programmazione più facile. È possibile selezionare gli elementi della pagina di nomi di classe che iniziano con "colonna" o il terzo elemento in un elenco puntato. Le vecchie versioni di Internet Explorer (IE) non sono compatibili con CSS3, però. Solo Internet Explorer 9 e di cui sopra può usare selettori CSS3. Selectivizr è un JavaScript che è stato progettato per rendere selettori CSS3 compatibile con IE 6 tramite IE 8. Tutto ciò che serve per aggiungere Selectivizr alle pagine Web e iniziare a utilizzare è una libreria JavaScript che supporta un paio di righe di codice HTML.

istruzione

1 Vai a Selectivizr.com e scaricare lo script. Dopo aver decompresso i file sul computer, caricare "selectivizr-min.js" al server Web via FTP o uno strumento di gestione dei file nel tuo pannello di hosting Web.

2 Aprire la pagina Web in un editor - testo semplice va bene, ma word processor non sono - e trovare i "<head>" tag. Aggiungere la libreria MooTools JavaScript per il codice HTML. Non è necessario scaricare questa libreria in modo da copiare e incollare questo:

<Script src = "& lt; / script" rel = "nofollow" target="_blank">https://ajax.googleapis.com/ajax/libs/mootools/1.4.0/mootools-yui-compressed.js”></script>

Selectivizr lavora con altre librerie JavaScript come pure, tra jQuery, Dojo e Prototype. Tuttavia, il supporto di queste librerie varia. MooTools e NWMatcher sosterranno ogni selettore CSS3.

3 Utilizzare i commenti condizionali per indirizzare le versioni del browser Internet Explorer sei a otto:

<! - [If (gte IE 6) e (LTE IE 8)]>
<! [Endif] ->

4 Aggiungere lo script Selectivizr all'interno dei commenti condizionali:

<! - [If (gte IE 6) e (LTE IE 8)]>
<Script type = "text / javascript" src = "path / to / selectivizr-min.js"> </ script>
<! [Endif] ->

Modificare l'attributo "src" per abbinare il percorso per Selectivizr sul server Web.

5 Posizionare un foglio di stile di ripiego se è necessario assicurarsi che il proprio sito funziona ancora nei browser quando gli utenti si spengono JavaScript. Questo va tra una coppia di "<noscript>" tag sotto Selectivizr:

Consigli e avvertenze

Se Selectivizr non funziona controllare il DOCTYPE nella parte superiore del codice HTML. È necessario utilizzare un DOCTYPE corretto; la data di up-to-più per HTML5 è "<! DOCTYPE html>".