Internet Explorer (IE) – webbutvecklarnas kanske största hatobjekt. En webbläsare som hyfsat ofta måste ha egna cssmallar för att visa upp webbplatsen på rätt sätt. Tack och lov försöker Microsoft att förbättra den och i den senaste versionen, IE 10, har den faktiskt blivit mycket bättre och anpassningarna rejält färre.
Men ibland måste man ändå anpassa något, och då specifikt mot en version av IE. I normala fall har man bara gjort så kallade villkorliga kommentarer:
1 |
<!--[if IE 8]> Specialgrej för IE 8 <![endif]--> |
Men i IE 10 är stödet för detta borttaget och hur gör man då? Chris Coyier skrev ett inlägg hur man skulle kunna gå tillväga. Istället för att använda sig av villkorliga kommentarer kan man slänga på User Agent på t ex <html> med hjälp av Javascript.
Javascriptet
1 2 |
var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent); |
IE:s User Agent-värde är:
1 |
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0) |
Vår html-tagg skulle alltså se ut så här:
1 |
<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"> |
Och vi kan styla så här:
1 2 3 |
html[data-useragent*='MSIE 10.0'] h1 { color: blue; } |
Hello blogger, i must say you have hi quality content here.
Your website should go viral. You need initial traffic only.
How to get it? Search for: Mertiso’s tips go viral