Snabbtips Hur Target IE6, IE7 och IE8 unikt med 4 tecken

För två månader sedan visade jag, i en snabb video, hur man använder understrykning och stjärnhackar för att rikta in Internet Explorer 6 och 7 i dina stylesheets. I dagens snabba tips tar vi saker ett steg längre, eftersom vi introducerar en ny hack som riktar sig mot IE8 och nedan också. Det bör noteras att detta inte är en bra praxis, och villkorliga kommentarer bör användas istället 98% av tiden. Med det sagt är det alltid viktigt att veta vad du kan göra - plus det är roligt, rätt?


Prenumerera på vår YouTube-sida för att titta på alla videohandledning!

IE8 och nedan

Nyckeln till att rikta in Internet Explorer 8 och nedan, med en hack, är att lägga till "\ 9" till slutet av din stil. Till exempel:

 kropp färg: röd; / * alla webbläsare, naturligtvis * / färg: grön \ 9; / * IE8 och under * /

Det är viktigt att notera att det måste vara "\ 9". Tyvärr kan du inte ersätta det här med något i linje med "\ IE", som jag försökte göra det. Även "\ 8" kommer inte att fungera; det måste vara "\ 9".


IE7 och Nedre

Som vi lärde oss i snabbspetsen från januari kan vi använda * -symbolen för att rikta IE7 och nedan, så här:

 kropp färg: röd; / * alla webbläsare, naturligtvis * / färg: grön \ 9; / * IE8 och under * / * färg: gul; / * IE7 och under * /

IE6

Slutligen har vi underskott hacken, som de flesta designers känner till nu. I stället för * -symbolen använder vi underskriften. Detta kommer endast att riktas mot Internet Explorer 6.

 kropp färg: röd; / * alla webbläsare, naturligtvis * / färg: grön \ 9; / * IE8 och under * / * färg: gul; / * IE7 och under * / _färg: orange; / * IE6 * /

En anteckning om CSS Hacks

Det är värt att notera att jag inte förespråkar användningen av hacks i dina stylesheets på något sätt. Tvärtom borde du nästan alltid använda villkorade kommentarer. Det betyder emellertid inte att det inte är användbart att veta vad du tekniskt kan komma undan med, oavsett om det är för debugging eller att visa dina vänner!

Den största oroen är att hackar inte är framtida bevis, åtminstone inte riktigt. Till exempel, huruvida, med utgåvan av Firefox 4, de också erkända egenskaper prepended med * hacka. De skulle förmodligen aldrig av kompatibilitetsskäl, om de gjorde det, skulle kunna förstöra en del av din layout. Slutligen, var bara klok när du använder hackor. Om du bara behöver ändra en eller två egenskaper för att göra IE6 glad, så ser jag inte någon skada i att använda understrykningshacket direkt i ditt stilark. Världen kommer inte att sluta. Men om det finns en handfull ändringar, var noga med att använda villkorliga kommentarer!

 

Tack för att du läste och tittade på!