完美解决IE兼容模式问题(使IE使用固定的渲染模式)

  发布时间:2013-06-27 17:54:48   作者:佚名   我要评论
IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。在浏览网页时候会出现网页显示问题,于是可以在html中加入以下代码来使IE使用固定的渲染模式,感兴趣的朋友可以参考下哈,希望对大家有所帮助
IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式:

复制代码
代码如下:

<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染-->
<metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->

还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致CSS3失效。看来,需要针对 IE8、IE9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是IE8就输出content="IE=8",如果是IE9就输出content="IE=9"。其实还可以单纯通过HTML来实现的,HTML代码如下:

复制代码
代码如下:

<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">

经测试后完美解决了兼容模式问题,这样设置后IE中设置兼容模式的按钮也会消失,可以按F12打开“开发人员工具”来检查浏览器模式。

相关文章

  • 解决CSS浏览器兼容性问题的4种方案

    这篇文章主要介绍了解决CSS浏览器兼容性问题的4种方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学
    2020-02-28
  • 常见的浏览器兼容性问题(小结)

    这篇文章主要介绍了常见的浏览器兼容性问题(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学
    2020-02-20
  • border-radius IE8兼容处理的方法

    这篇文章主要介绍了border-radius IE8兼容处理的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学
    2020-02-12
  • 浅谈遇到的几个浏览器兼容性问题

    这篇文章主要介绍了浅谈遇到的几个浏览器兼容性问题,详细的介绍了几种我遇到的问题和解决方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-26
  • base64图片在各种浏览器的兼容性处理

    这篇文章主要介绍了base64图片在各种浏览器的兼容性处理的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-14
  • 对常见的css属性进行浏览器兼容性总结(推荐)

    这篇文章主要介绍了对常见的css属性进行浏览器兼容性总结(推荐)的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-20
  • 针对IE浏览器的兼容问题小结

    这篇文章主要介绍了针对IE浏览器的兼容问题小结,需要的朋友可以参考下
    2017-04-19
  • 避免不必要的浏览器兼容性问题的5个技巧

    浏览器兼容性问题总是让人很头疼,这里介绍几个技巧来避免这个问题,需要的朋友可以参考下
    2017-04-08
  • IE6下兼容性常见的几个问题与解决方法

    关于IE6兼容性问题有很多值得学习的地方,本文就给大家介绍一下在IE6下兼容性常见的几个问题,以及相对应的解决方法。希望通过本文的介绍大家对IE6兼容性的认识能更深一些
    2016-11-05
  • 解决360双核浏览器兼容模式的页面显示问题

    当前360浏览器占据的浏览器市场20%以上的份额,我们做网站的肯定要考虑一下兼容性,有时候chrome与ie正常,但到了360浏览器就不行了,可能360双核的ie核心比较偏低版本的原
    2016-11-03

最新评论