通过标签指定IE的文档模式实现CSS3兼容

今天发现之前做好的一个页面在IE中打开显示的效果不正常,本地和服务器上显示的是两种不同的样式。

经过确认文档内容和CSS都是一样的。

通过IE F12(开发人员工具)发现不正常的样式 浏览器文档模式自动设置为IE7,但别的机器又是显示的IE9。

证明不同的系统,不同的IE浏览器版本加载时用的文档模式还不一样。当IE识别时,如果采用IE7文档模式就造成CSS3属于无法识别,导致显示效果不一样。

 

手动将文档模式改为IE9或EDGE才会正常。

 

要解决该问题,开发人员可在页面顶部声明中加入如下代码即可解决:

 

原文链接:,转发请注明来源!

发表评论