Slik skjuler CSS Fra Internet Explorer 6

April 28

En av de frustrasjoner høyt på listen over vanskelighetene Webdesignere står overfor er bugginess av eldre Internet Explorer-versjoner. Siden Internet Explorer ikke automatisk oppdatering som Firefox, Chrome eller Opera, brukere av denne nettleseren ofte feste med den versjonen som fulgte med datamaskinen. Når det gjelder brukere som opererer på eldre Windows XP-datamaskiner, deres datamaskiner kom med Internet Explorer 6. Microsoft lanserte "betinget kommentarer" som en måte å hjelpe webdesignere adressere svakhetene i Internet Explorer, spesielt sine CSS bugs. Du kan bruke disse kommentarene å skjule CSS basert på hvilken nettleser en besøkende bruker.

Bruksanvisning

1 Åpne HTML-filen for din webside, eller filen som inneholder header informasjon om nettstedet bruker en mal. Finn "<link>" tag som inneholder banen til CSS-fil. Mange nettsteder bruker flere CSS-filer, slik at du kan finne flere "<link>" tags.

2 Wrap Internet Explorer betinget kommentarer rundt hver "<link>" tag som peker til en CSS-fil du vil skjule. Skriv dine betinget kommentarer slik at de teste for andre enn Internet Explorer nettlesere 6. Din kode vil se slik ut:

<! - [! Hvis IE 6]>

<! [Endif] ->

3 Opprett en ny CSS fil og gi den navnet noe sånt som "ie6.css" for å gjøre det enklere å finne og redigere senere. Legg noen CSS spesifikke for Internet Explorer 6 i denne filen, for eksempel marger ved hjelp av verdier som står for nettleserens feil eller bilde fallbacks for CSS gradienter.

4 Embed den nye CSS-filen inn i din webside ved å legge til denne linjen med kode under alle andre "<link>" koder:

5 Pakk den nye "<link>" tag i betinget kommentarer igjen, men denne gangen, test for bare Internet Explorer 6-nettleser. Kopier og lim inn andre betingede kommentaren du skrev og deretter fjerne utropstegn foran "IE" for å gjøre dette. Her er den resulterende kode:

<! - [If IE 6]>

<! [Endif] ->

Hint

Du kan også legge til betinget kommentarer rundt en annen blokk med HTML-kode du vil, enten det er en body-koden med en Internet Explorer bestemt klasse eller CSS skrevet mellom "<style>" tags.
Betinget kommentarer bare eksisterer for Microsoft-nettlesere. Bruk Javascript eller en annen webbasert programmeringsspråk for å skjule CSS fra ikke-Internet Explorer nettlesere.
Alltid sikkerhetskopiere HTML og CSS-filer før du redigerer dem.