Nwlapcug.com


Come nascondere i CSS da Internet Explorer 6



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.