Problem
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
!DOCTYPE html> is what I’m using.
Asked by Kuttan Sujith
Solution #1
If you use Internet Explorer, this is what you need to do if you’re using version 8 or higher:
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
Forces the browser to render according to the standards of that particular version. It is not compatible with Internet Explorer 7 and earlier.
It sets compatibility levels for distinct versions if you separate with a semi-colon. Consider the following scenario:
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />
IE7 and IE8 are rendered as IE7, whereas IE9 is rendered as IE9. Different levels of backwards compatibility are possible. However, in actual life, you should only pick one of the options:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
This makes testing and maintenance much easier. Although Emulate: is often the most helpful version of this.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
For this:
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
It compels the browser to render at the standards of the most recent version.
There’s a lot of stuff on MSDN if you want to learn more.
Answered by PlantTheIdea
Solution #2
That a result, this tag is used to future-proof the webpage, ensuring that the older / compatible engine renders it in the same way as the designer intended.
Make sure it’s compatible with the version of Internet Explorer you’ve chosen.
Answered by Ujjwal Singh
Post is based on https://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge