Una delle frustrazioni alto sulla lista delle difficoltà che i Web designer è la bugginess di vecchie versioni di Internet Explorer. Dal momento che Internet Explorer non auto-update come Firefox, Chrome o Opera, gli utenti di questo browser spesso bastone con la versione che è venuto con il loro computer. Nel caso di utenti che operano su vecchi computer Windows XP, i loro computer sono venuti con Internet Explorer 6. Microsoft ha rilasciato "commenti condizionali", come un modo per aiutare i progettisti Web affrontare le carenze di Internet Explorer, in particolare i suoi bug CSS. È possibile utilizzare questi commenti per nascondere i CSS in base al quale browser utilizza un visitatore.

istruzione

1 Aprire il file HTML per la pagina Web, oppure il file contenente le informazioni di intestazione se il vostro sito web utilizza un modello. Individuare il "<link>" tag contenente il percorso del file CSS. Molti siti Web utilizzano più file CSS, quindi si può trovare più "<link>" tag.

2 Wrap Internet Explorer commenti condizionali intorno a ogni tag "<link>" che punta a un file CSS che si desidera nascondere. Scrivi i tuoi commenti condizionali in modo da testare per i browser diversi da Internet Explorer 6. Il codice sarà simile a questa:

<! - [If IE 6]>

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

<! [Endif] ->

3 Creare un nuovo file CSS e denominarlo qualcosa come "ie6.css" per rendere più facile per trovare e modificare in seguito. Aggiungere qualsiasi specifica CSS per Internet Explorer 6 in questo file, come ad esempio i margini utilizzando i valori che rappresentano per i bug del browser o ricadute di immagine per gradienti CSS.

4 Incorporare il nuovo file CSS nella pagina Web con l'aggiunta di questa riga di codice sotto di tutte le altre "<link>" tag:

<Link rel = "stylesheet" type "path / to / ie6.css" = "text / css" href = />

5 Avvolgere la nuova "<link>" tag nei commenti condizionali di nuovo, ma questa volta, prova solo per il browser Internet Explorer 6. Copia e incolla l'altro commento condizionale che hai scritto e quindi rimuovere il punto esclamativo davanti a "IE" per fare questo. Ecco il codice risultante:

<! - [If IE 6]>

<Link rel = "stylesheet" type "path / to / ie6.css" = "text / css" href = />

<! [Endif] ->

Consigli e avvertenze

• È inoltre possibile aggiungere commenti condizionali intorno a qualsiasi altro blocco di codice HTML che si desidera, sia esso un tag body con una classe specifica di Internet Explorer o CSS scritto tra "<style>" tag.
• commenti condizionali esistono solo per i browser Microsoft. Usa JavaScript o in un altro linguaggio di programmazione basato sul Web per nascondere i CSS dai browser non Internet Explorer.
• Eseguire sempre il backup dei file HTML e CSS prima di modificarli.