Come creare una secondaria foglio di stile CSS per Internet Explorer 8

August 7

Come creare una secondaria foglio di stile CSS per Internet Explorer 8


Ogni volta che Microsoft rilascia una nuova versione di Internet Explorer, Web designer sono presentati con una nuova serie di bug che si rompono le loro belle layout. I progettisti sono anche di fronte alla prospettiva che, poiché Internet Explorer non auto-update, come altri browser, molti utenti non l'aggiornamento a versioni più recenti. La buona notizia è che Microsoft ha dato ai progettisti una serie di tag condizionali che sembrano tag di commento a tutti gli altri browser, in modo da servire diversi fogli di stile per diverse versioni di Internet Explorer non richiede più JavaScript inaffidabili.

istruzione

1 Aprire il file HTML del tuo sito web che contiene i tag <head> e </ head>. Sui siti web HTML statiche, questo significa che è necessario aprire tutti i file HTML utilizzato dal sito web. Utilizzare un programma come Notepad ++, Coda o jEdit, o è possibile modificare in blocco note di Windows. Non modificare i file HTML in Microsoft Word.

2 Individuare il tag contenente il link al tuo foglio di stile. Alcuni siti hanno più di uno, ma sembrano tutti molto simile a questo:

<Link rel = "stylesheet" href = "path / to / yourstyle.css" />

Aggiungere un nuovo tag <link> e impostare l'attributo "href" per il percorso del nuovo foglio di stile per Internet Explorer 8. Assicurati di aggiungere questo tag <link> dopo gli altri in modo che il browser legge l'ultima, dopo l'applicazione del normale stili.

3 Aggiungere Internet Explorer tag condizionali intorno al tag nuova <link>. Per individuare solo Internet Explorer 8, fare in questo modo:

<! - [If IE 8]>

&lt;link rel="stylesheet" href="path/to/yourstyle.css" />

<! [Endif] ->

Poiché le istruzioni condizionali sono commentano essenzialmente tag con un po 'di codice condizionale in loro, i browser non Internet Explorer li trattano come i commenti del codice. commenti di codice, utilizzato in molti linguaggi di programmazione, non fanno altro che fornire il testo per qualcuno che sta modificando il codice da leggere.

4 Creare un file vuoto e salvarlo come "ie8.css" o qualsiasi altro nome che si sente è adatto. Qui è possibile aggiungere gli stili alternativi per Internet Explorer 8. Perché l'ultima stile dichiarato in una pagina Web ha la precedenza su tutte le altre, se si imposta punti per allineare a sinistra nel foglio di stile principale e poi impostare con un allineamento a destra nella file di ie8.css, Internet Explorer 8 mostra il testo allineato a destra. Se dichiarato uno stile di testo allineato a sinistra nel tag HTML in sé, tuttavia, allineato a sinistra visualizza il testo non importa quale browser utilizza un visitatore.

Consigli e avvertenze

  • Utilizzare un doctype corretto per i file HTML per evitare errori disordinato. Prova a scrivere il codice CSS che è compatibile con tutti i browser prima, e quando ciò non è possibile, quindi creare un file CSS in più. tag condizionali e un foglio di stile in più dovrebbe essere la vostra ultima opzione.
  • Tra cui un file CSS diverso per ogni versione di Internet Explorer aggiunge un numero eccessivo di richieste HTTP al tuo sito. Quando il browser deve prendere molti file aggiuntivi, si rallenta il tempo di caricamento della pagina. Target versioni dei browser 8 e sotto utilizzando <! - [If lte IE 8]> al posto di <! - [If IE 8]>.