这个问题啊.. 苦恼多时
常规解决法：
更新：meta放在link和script之前，jsp的话要把
<%@ page language="java" contentType="text/html;charset=GBK"%>
<%@ include file="/include/header.inc"%>
放到head下 meta后面
<meta http-equiv=X-UA-Compatible content="IE=EmulateIE8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
排查了 下，主要是文档模式作怪，此处由上到下，改为默认打开页面为ie8文档模式渲染，亲测生效
不排除后台java headers由上一页面指定而失效 例如jsp页面什么的 一般问题都能解决
现在双核浏览器也多 如果使用兼容模式的话 也是这样
冷门解决法：
下面的DOCTYPE都可触发IE8标准模式：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html>
触发IE8几乎标准模式：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
//Mac IE5、IE6/7、Opera(<7.5)和Konqueror无几乎标准模式(它们没有严格遵循CSS2规范，实际上，它们的标准模式更接近几乎标准模式)。
//HTML5把这种模式叫“受限怪异模式(limited quirks mode)
终极解决法：
ie8下不能识别js console属性 所以写完代码后记得注释或者删除
亲测生效 就是此问题引起
遇到这种兼容问题有时确实让人头大 慢慢来解决 都不是什么问题
网友评论