[HTML][CSS]IE兼容性<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

 
 
 
 
 
    X-UA-Compatible是针对ie8新加的一个设置，对于ie8以下的浏览器是不识别的，这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的兼容性模式。
 
   必须是在页面的header的meta标签中加入如下代码：其他地方添加将会丢失样式布局
01.<meta http-equiv="X-UA-Compatible" content="IE=7" />  
 <meta http-equiv="X-UA-Compatible" content="IE=7" />  
 
   对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。
 这样我们才能使得页面在IE8里面表现正常！
 
    而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的兼容性模式。 
    
Html代码 
01.<meta http-equiv="X-UA-Compatible" content="IE=5" />  
 <meta http-equiv="X-UA-Compatible" content="IE=5" /> 
像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。
Html代码 
01.<meta http-equiv="X-UA-Compatible" content="IE=7" />  
 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 
无论页面是否包含 <!DOCTYPE> 指令，均使用 Windows Internet Explorer 7 的标准渲染模式。
Html代码 
01.<meta http-equiv="X-UA-Compatible" content="IE=8" />  
 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 
    开启 IE8 的标准渲染模式，但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本，因此等同于冗余代码。
Html代码 
01.<meta http-equiv="X-UA-Compatible" content="edge" />  
 <meta http-equiv="X-UA-Compatible" content="edge" /> 
    Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。
Html代码 
01.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
    EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式。