Una delle frustrazioni alte sulla lista del volto di difficoltà Web Designer è la scrollarsela di versioni precedenti di Internet Explorer. Poiché Internet Explorer non aggiornamento automatico come Firefox, Chrome o Opera, gli utenti di questo browser spesso bastone con la versione fornita con il proprio computer. Nel caso di utenti operanti su computer meno recenti di Windows XP, il loro computer è venuto con Internet Explorer 6. Microsoft ha rilasciato "commenti condizionali" come un modo per aiutare i Web designer affrontare le carenze di Internet Explorer, in particolare suoi bug CSS. È possibile utilizzare questi commenti per nascondere CSS basato su browser che utilizza un visitatore.
Istruzioni
1
Aprire il file HTML per la tua pagina Web, o il file contenente le informazioni di intestazione, se il tuo sito Web utilizza un modello. Individuare il tag "< link >" contenente il percorso al file CSS. Molti siti Web utilizzano più file CSS, quindi si possono trovare più tag "< link >".
2
Avvolgere Internet Explorer commenti condizionali intorno ogni tag "< link >" che punta a un file CSS che si desidera nascondere. Scrivi i tuoi commenti condizionali modo provano a browser diversi da Internet Explorer 6. Il codice sarà simile a questo:
<!-[se! 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 renderlo più facile da trovare e modificare in seguito. Aggiungere qualsiasi CSS specifico per Internet Explorer 6 in questo file, ad esempio i margini utilizzando i valori che rappresentano il bug del browser o di fallback di immagine per gradienti CSS.
4
Incorporare il nuovo file CSS nella tua pagina Web aggiungendo questa riga di codice riportato di seguito tutti gli altri tag "< link >":
< link rel = "stylesheet" type = "text/css" href="path/to/ie6.css" / >
5
Avvolgere il nuovo tag "< link >" in commenti condizionali ancora, ma questa volta, prova per solo il browser di Internet Explorer 6. Copiare e incollare l'altro commento condizionale hai scritto e quindi rimuovere il punto esclamativo davanti a "IE" per farlo. Ecco il codice risultante:
<!-[se IE 6] >
< link rel = "stylesheet" type = "text/css" href="path/to/ie6.css" / >
<! [endif]-->
Consigli & Avvertenze
- È inoltre possibile aggiungere commenti condizionali intorno a un altro blocco di codice HTML che si desidera, sia esso un tag body con una classe specifica di Internet Explorer o CSS scritto tra il tag di "stile < >".
- I commenti condizionali di esistano solo per i browser di Microsoft. Utilizzare JavaScript o un altro linguaggio di programmazione basato su Web per nascondere CSS da browser non - Internet Explorer.
- Eseguire sempre il backup i file HTML e CSS prima di modificarli.