Will targeting IE8 with conditional comments work?

26,008

Solution 1

It worked for me – both in quirks mode and in standards compliance mode. However, it does not work when switching to IE8 compatibility mode.

Solution 2

One thing to note:

It does work, BUT if you are loading the page/site local network (e.g. Intranet) it will load in IE7 mode by default! (update - localhost[*] is a special case, that does render in standards mode)

This goes against MSFT's original statement of going STANDARDS by default.

e.g.

http://127.0.0.1/mysite/mypage.php  <-- IE8 by default (updated!)
http://localhost/mysite/mypage.php  <-- IE8 by default (updated!)
http://machinename/mysite/mypage.php  <-- IE7 by default
http://192.168.100.x/mysite/mypage.php  <-- IE7 by default
http://google.com/  <-- IE8 by default

[*] - Scott Dickens [MSFT] noted in a comment here on the IE Blog that localhost was a special scenario in the Intranet (often used to develop Internet sites) thus would render in Standards mode by default.

To test what mode a page in IE8 is really rendering in, you can use check the developer tools or use this bookmarklet code (only works in IE8):

javascript:
var vMode=document.documentMode;
var rMode='IE5 Quirks Mode';
if(vMode==8){
  rMode='IE8 Standards Mode';
} else if(vMode==7){
  rMode='IE7 Strict Mode';
}
alert('Rendering in: '+rMode);
Share:
26,008
Devon
Author by

Devon

Devon is a web application and cryptocurrency developer. He thinks he knows a little bit about back end and front end development. He is certain that he knows a lot about euro-style board games.

Updated on July 09, 2022

Comments

  • Devon
    Devon almost 2 years

    When IE8 is released, will the following code work to add a conditional stylesheet?

    <!--[if IE 8]>
      <link rel="stylesheet" type="text/css" href="ie-8.0.css" />
    <![endif]-->
    

    I've read conflicting reports as to whether this works with the beta. I'm hoping someone can share their experience. Thanks.