解决文档模式问题:
必须在文件头添加
其中关键代码为:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
在解决问题过程中个,最开始只添加了:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
但问题依然还存在,改变DTD申明后,问题解决。
然后添加如下代码: 这两句要引在CSS文件之上,在加载页面代码之前引用
--文本模式版本修改
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
--浏览器模式版本修改
<meta http-equiv="x-ua-compatible" content="IE=9" >
多个模式的指定。我们可以用逗号分割多个版本,这种情况下,浏览器会从这个列表中选择一个他所支持的最高版本来使用标准模式进行渲染。如下面的例子,在IE8进行浏览时,将会使用IE7的标准模式进行渲染,因为他本身不支持IE9和IE10。
<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >
最终:
引用:https://blog.csdn.net/katara1109/article/details/49156725
2.1 在html head中写上这句代码,即可时文档模式为你浏览器最高级别的模式;<meta http-equiv="X-UA-Compatible" content="IE=edge" />;
2.2 若你想已ie8的标准模式打开,就写成<meta http-equiv=X-UA-Compatible content=”IE=EmulateIE8“>;
2.3 若你想要以他的文档模式ie10的打开,浏览器级别低于10的就以浏览器本身最高的方式打开,那么你要写这2句话(顺序不能错):<meta http-equiv=X-UA-Compatible content=“IE=EmulateIE10”>;<meta http-equiv="X-UA-Compatible" content="IE=edge" />;
原因,优先级是第一句,但第一句执行不了,再执行第二句;
第三、补充两点,1.若您的代码在jsp环境中,通过iframe的形式展示的,上面代码写在common.jsp或者您的basic.jsp即可;
2.经我实践证明这句:<meta http-equiv=X-UA-Compatible content=”IE=10“>无效,必须写成IE=EmulateIE10;
3.写多个文档模式,这样即可<meta http-equiv=”X-UA-Compatible” content=”EmulateIE8, EmulateIE10″>