Share
Twee maanden geleden demonstreerde ik in een snelle video-tip hoe je met het onderstrepingsteken en de sterhacks Internet Explorer 6 en 7 in je stylesheets kunt targeten. In de snelle tip van vandaag gaan we een stap verder, omdat we een nieuwe hack introduceren die ook op IE8 en lager is gericht. Opgemerkt moet worden dat dit geen best practice is en dat voorwaardelijke opmerkingen in 98% van de gevallen moeten worden gebruikt. Met dat gezegd, het is altijd belangrijk om te weten wat je kunt doen - plus het is leuk, toch?
De sleutel tot het richten van Internet Explorer 8 en lager, met een hack, is het toevoegen van "\ 9" aan het einde van uw stijl. Bijvoorbeeld:
lichaam kleur: rood; / * alle browsers, natuurlijk * / kleur: groen \ 9; / * IE8 en onder * /
Het is belangrijk om te weten dat dit "\ 9" moet zijn. Helaas kun je dit niet vervangen door iets in de trant van "\ IE", zoals ik probeerde. Zelfs "\ 8" zal niet werken; het moet "\ 9" zijn.
Zoals we in de snelle tip van januari hebben geleerd, kunnen we het * -symbool gebruiken om IE7 en lager te targeten, zoals:
lichaam kleur: rood; / * alle browsers, natuurlijk * / kleur: groen \ 9; / * IE8 en onder * / * kleur: geel; / * IE7 en onder * /
Ten slotte hebben we de underscore-hack, waarvan de meeste ontwerpers inmiddels bekend zijn. In plaats van het * -symbool gebruiken we het onderstrepingsteken. Hiermee wordt alleen Internet Explorer 6 target.
lichaam kleur: rood; / * alle browsers, natuurlijk * / kleur: groen \ 9; / * IE8 en onder * / * kleur: geel; / * IE7 en onder * / _color: oranje; / * IE6 * /
Het is de moeite waard om op te merken dat ik op geen enkele manier het gebruik van hacks in uw stylesheets pleit. Integendeel, u moet bijna altijd voorwaardelijke opmerkingen gebruiken. Dat betekent echter niet dat het niet nuttig is om te weten waar je technisch mee wegkomt, of het nu gaat om debuggen of om je vrienden te laten zien!
De grootste zorg is dat hacks niet toekomstbestendig zijn, althans niet echt. Bijvoorbeeld, wat als, met de release van Firefox 4, ook zij eigenschappen herkennen die voorafgaan aan de * hack. Waarschijnlijk om compatibiliteitsredenen waarschijnlijk nooit, maar als ze dat wel deden, zou dat een deel van je lay-out kunnen verpesten. Uiteindelijk is het verstandig om hacks te gebruiken. Als u slechts één of twee eigenschappen hoeft te wijzigen om IE6 gelukkig te maken, dan zie ik geen schade aan het gebruik van de underscore-hack rechtstreeks in uw stylesheet. De wereld zal niet eindigen. Als er echter een paar wijzigingen zijn, moet u voorwaardelijke opmerkingen gebruiken!
Bedankt voor het lezen en kijken!
Accentsconagua