Nwlapcug.com


Come risolvere problemi di compatibilità di Internet Explorer 6 in CSS

Come risolvere problemi di compatibilità di Internet Explorer 6 in CSS


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

Istruzioni

1

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

2

Posizionare il cursore tra il < head > e < / head > Tag. Si desidera inserire il nuovo codice qui di seguito tutti i collegamenti ai fogli di stile esterni e qualsiasi foglio di stile interno definito nei tag < head >.

3

Digitare il seguente codice:

<!-[se IE 6] >

<! [endif]-->

Poiché questo blocco di codice inizia e termina alla stessa stregua di un normale commento HTML, la maggior parte dei browser ignorerà tutto tra il "<!..." e "-->" indicatori. Internet Explorer, tuttavia, è progettato per riconoscere questa sintassi come "commento condizionale"..--un'istruzione speciale solo per IE.

4

Aggiungere un tag < link > tra l'apertura e il tag di chiusura del commento condizionale, se si prevede di utilizzare un foglio di stile separato. Per esempio:

<!-[se IE 6] >
< link rel = "stylesheet" type = "text/css" href="ie6style.css" >
<! [endif]-->

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

5

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

<!-[se IE 6] >
< style type = "text/css" >

< / stile >
<! [endif]-->

6

Creare il foglio di stile di IE6-specifici, sia nel file CSS separato denominato nel passaggio 4 o tra i tag < style > che aggiunto nel passaggio 5. Il vostro foglio di IE6 deve includere solo quegli stili che devono essere diversi per eseguire il rendering correttamente in IE6.

7

Verificare la pagina, in IE6 e un browser standard-compliant, per assicurarsi che viene eseguito il rendering correttamente.

Consigli & Avvertenze

  • Il [se IE 6] condizione possibile specificare altre versioni di Internet Explorer, o tutti loro. Utilizzando [se IE 5.5] i nuovi stili si applicherebbe solo a Internet Explorer 5.5 (se qualcuno è ancora in esecuzione!), mentre [... Se IE], con nessun numero a tutti, sarebbe applicarli a tutte le versioni. Sono anche disponibili gli operatori "lt", "lte,", "gt" e "gte", che indicano, rispettivamente, "meno di," "minore o uguale a," "maggiore di" e "maggiore o uguale a." Così [se lte IE 6] si applica a tutte le versioni di Internet Explorer fino a e includendo 6.