Forcing IE 11 to behave as IE 10

html internet-explorer internet-explorer-11 ie11-developer-tools
jAsOn picture jAsOn · Sep 3, 2013 · Viewed 79k times · Source

We've run into an unusual bug with Internet Explorer and we need to force IE 11 to behave as IE 10 (since this bug is not present in IE 10).

I have tried the following:

    <meta http-equiv="x-ua-compatible" content="IE=10">

but unfortunately this does not work and I have not found anything relevant or helpful from Google searches or the docs. So how do we get IE 11 to behave as IE 10?

Answer

Marco Demaio picture Marco Demaio · Jan 23, 2014

Do the following:

  1. The correct meta string is: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10"/> (I added it just below the <title>. Preserve case, IE crappy code might be also case sensitive.)

  2. And a valid <!DOCTYPE... must be present at the very 1st line of your page (no space or lines before it)

You can verify if it works by hitting F12 to show the IE11 developer tools. On the left side there is a grey bar, scroll it down and select Emulation, if it shows Document mode: IE10 it will be fine!

Related questions

Why is IE 11 not rendering :after element, showing css as crossed out in dev tools?

I have an angular app with two font icons in a given screen. These are rendered just fine in chrome, firefox and edge, but on IE 11 they do not display. The icons are to be rendered as the content of …

Read More
Internet Explorer 11 disable "display intranet sites in compatibility view" via meta tag not working

I have been working on an intranet website for over 6 months were I have been using the below html5 doctype and edge compatibility meta tag to force Internet Explorer to not emulate an older browser version, and this has worked …

Read More
CSS3 -ms-max-content in IE11

We can set in CSS3 -moz-max-content (for Firefox) and -webkit-max-content (for Chrome, Safari) as width, but it seems -ms-max-content is not working in Internet Explorer (IE11). Update: Here is a sample code:

Read More