Snelle hack voor IE6 , IE7 en IE8 in je Stylesheet

91 trendy contact formulieren
17 september
Greenfields (dbs)
6 mei
Laat alles zien

Snelle hack voor IE6 , IE7 en IE8 in je Stylesheet

Om de oudere browers van IE te benaderen kun je beter een conditional comment gebruiken zie (http://www.fledermaus.nl/?p=573)
Om alleen IE9 te benaderen zie het artikel : IE9 – IE10pp4 Hack

IE8 en lager

Voor IE8 en lager is er de hack /9 , plaats dit aan het einde van je css regel

body {
color: red; /* alle browsers */
color : green\9; /* IE8 en lager */
}

Dit moet een /9 zijn, andere opties zoals bijvoorbeeld /IE werken helaas niet

IE7 en lager

Voor IE7 en lager is er natuurlijk de “star hack”

body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 en lager */
*color : yellow; /* IE7 en lager */
}

IE6 en lager

En natuurlijk voor IE6 hebben we de “underscore hack”

body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 en lager */
*color : yellow; /* IE7 en lager */
_color : orange; /* IE6 */
}

Een laatste opmerking over hacks

Het is makkelijk om deze technieken te kunnen gebruiken, maar mijn advies is toch om dit zo veel mogelijk te doen met “conditional comments”. Deze hacks zijn precies wat ze zeggen, het uitbuiten van fouten in de code. Maar je weet nooit wat een browser gaat doen in een volgende release. Opera kan bijvoorbeeld iets gaan doen met de * en dan is je stylesheet ineens waardeloos.

“Conditional comments” Werken op deze wijze.


Vincent Hofman
Vincent Hofman
Sinds 1998 bezig met het maken van webpagina's , muzikant en levensgenieter. Ik vertaal veel Engelse artikelen in het Nederlands en zoek het web af voor interessante sites en weetjes. Heb sinds 2013 mijn eigen bedrijf voor web-consulting en web-developement

Geef een reactie

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

%d bloggers liken dit: