Slik bruker CSS3 velgere i IE6 eller IE7

Velgerne lagt til CSS3 gjøre programmer websider enklere. Du kan velge sideelementer av klasse navn som starter med "kolonnen" eller det tredje elementet i en punktliste. Eldre versjoner av Internet Explorer (IE) er ikke kompatible med CSS3, though. Kun Internet Explorer 9 og nyere kan bruke CSS3 velgere. Selectivizr er et Javascript som er designet for å gjøre CSS3 velgere kompatibel med IE 6 til IE 8. Alt du trenger å legge Selectivizr til websidene og begynne å bruke det er en Javascript-bibliotek som støtter det noen få linjer med HTML.

Bruksanvisning

1 Gå til Selectivizr.com og laste ned skriptet. Etter utpakking av filene på datamaskinen din, laste opp "selectivizr-min.js" til webserveren via FTP eller en fil styringsverktøy i din Webhotell panel.

2 Åpne websiden i et redigeringsprogram - ren tekst er greit, men tekstbehandlere er ikke - og finne "<head>" koder. Legg MooTools Javascript-biblioteket i HTML. Du trenger ikke å laste ned dette biblioteket så å kopiere og lime inn denne:

<Script src = "& lt; / script" rel = "nofollow" target="_blank">https://ajax.googleapis.com/ajax/libs/mootools/1.4.0/mootools-yui-compressed.js”>&lt;/script>

Selectivizr fungerer med andre Javascript-biblioteker også, inkludert jQuery, Dojo og Prototype. Men støtte med disse bibliotekene varierer. MooTools og NWMatcher vil støtte alle CSS3 velgeren.

3 Bruk betinget kommentarer til målet nettleserversjoner seks Internet Explorer gjennom åtte:

<! - [If (gte IE 6) og (LTE IE 8)]>
<! [Endif] ->

4 Tilsett Selectivizr manuset inne i betinget kommentarer:

<! - [If (gte IE 6) og (LTE IE 8)]>
<Script type = "text / javascript" src = "sti / til / selectivizr-min.js"> </ script>
<! [Endif] ->

Endre "src" -attributtet å matche banen til Selectivizr på webserveren.

5 Plasser en fallback stil ark hvis du trenger å sørge for at nettstedet fortsatt fungerer i nettlesere når brukerne slå av Javascript. Dette går mellom et par av "<noscript>" koder under Selectivizr:

<Noscript> <link rel = "stylesheet" href = "sti / til / fallback.css" /> </ noscript>

Hint

  • Hvis Selectivizr ikke fungerer sjekk doctype på toppen av HTML-koden. Du må bruke en skikkelig DOCTYPE; den mest up-to-date for HTML5 er "<! DOCTYPE html>".