Come risolvere Internet Explorer 6 Problemi di compatibilità in CSS

November 1

Come risolvere Internet Explorer 6 Problemi di compatibilità in CSS


Gli sviluppatori web hanno da tempo noto che Internet Explorer 6 (IE6) ha qualche problema di compatibilità evidenti quando si tratta di fogli di stile CSS, uno dei più famosi è il modo in cui interpreta la larghezza degli elementi in scatola. Questi nodi sono stati risolti nelle versioni successive Explorer, ma a dicembre 2009, IE6 ancora rappresentato il 21 per cento di tutti i browser in uso. Fortunatamente, c'è speciale codice è possibile utilizzare per istruire IE6 utilizzare un foglio di stile separato, esterno o interno. In questo modo, si può essere che le pagine hanno lo stesso aspetto in IE6 come fanno in altri browser CSS-compatibili.

istruzione

1 Utilizzare un editor di testo per aprire la pagina HTML il cui codice ha bisogno di fissaggio per problemi di compatibilità.

2 Posizionare il cursore tra i tag <head> e </ head>. Si vuole inserire il nuovo codice di seguito tutti i link a fogli di stile esterni e qualsiasi foglio di stile interno definito nella sezione <head> tag.

3 Digitare il seguente codice:

<! - [If IE 6]>

<! [Endif] ->

Poiché questo blocco di codice inizia e termina nello stesso modo di un commento HTML regolare, la maggior parte dei browser ignorare tutto tra "<! -" "- Indicatori e>". Internet Explorer, tuttavia, è progettato per riconoscere questa sintassi come "commento condizionale" - un'istruzione speciale solo per IE.

4 Aggiungi un tag <link> tra i tag di apertura e di chiusura del commento condizionale, se si prevede di utilizzare un foglio di stile separato. Per esempio:

<! - [If IE 6]>
<Link rel = "stylesheet" type = "text / css" href = "ie6style.css">
<! [Endif] ->

Sostituire "ie6style.css" con qualsiasi nome che si desidera che il foglio di stile speciale IE6 di avere.

5 Aggiungere un tag <style> tra i tag di apertura e di chiusura del commento condizionale, se si desidera definire gli stili IE6 internamente. Per esempio:

<! - [If IE 6]>
<Style type = "text / css">

</ Style>
<! [Endif] ->

6 Creare il foglio di stile IE6-specifica, sia nel file CSS separato denominato nel passaggio 4 o tra i tag <style> tag aggiunto nel passaggio 5. Il foglio di IE6 deve includere solo gli stili che deve essere diverso per rendere correttamente in IE6.

7 Metti alla prova la tua pagina, in IE6 e un browser standard-compliant, per assicurarsi che sia visualizzato correttamente.

Consigli e avvertenze

  • Il [se IE 6] condizione può specificare altre versioni di Internet Explorer, o tutti loro. Utilizzando [se IE 5.5] si applica i nuovi stili solo per Internet Explorer 5.5 (se qualcuno è ancora in esecuzione esso!), Mentre [if IE], con nessun numero a tutti, li si applicherebbe a tutte le versioni. Sono disponibili anche gli operatori "lt," "LTE," "gt" e "gte", che stanno per, rispettivamente, "inferiore", "inferiore o uguale a", "superiore" e "maggiore o uguale a." Così [se lte IE 6] si applica a tutte le versioni di IE fino al 6.