ie模式 360兼容模式的兼容性调节以及控制代码

Posted WEB前端--haley

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ie模式 360兼容模式的兼容性调节以及控制代码相关的知识,希望对你有一定的参考价值。

IE10/11不支持条件性注释后的3种替代方法:

方法一:使用IE=EmulateIE9属性指示浏览器采用IE9渲染技术

IE9是支持条件性注释的。

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

html网页的head里加入上面的元标记,这样IE10/11就能识别条件性注释了,我们也就可以像IE6/7/8那样编写针对性的CSS代码了。但这样做有个弊端,很显然,浏览器这样就会才能IE9的渲染模式,而不是最新的IE10/11技术。

方法二:使用媒体查询语句+-ms-high-contrast属性

CSS 的媒体查询语句(media query)是一种高级的CSS条件语句,它能根据一些属性和属性值计算判断CSS是否可以生效。在这里,我们要使用一个IE10/11独有的属性,它就 是-ms-high-contrast,只有IE10/11实现了这个属性,它可以有两个值active或none,使用下面的媒体查询语句:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

火狐浏览器、谷歌浏览器不能识别这个属性,所以不会执行这个查询语句里的CSS,从而实现了条件性执行的效果。

方法三:使用Javascript判断浏览器的类型

先用javascript判断是否是IE浏览器,如果是,就在页面的<html>标记上添加一个“ie”的类名:

var ms_ie = false;
var ua = window.navigator.userAgent;
var old_ie = ua.indexOf(‘MSIE ‘);
var new_ie = ua.indexOf(‘Trident/‘);
    
if ((old_ie > -1) || (new_ie > -1)) {
    ms_ie = true;
}
    
if ( ms_ie ) {
   document.documentElement.className += " ie";
}

以上是关于ie模式 360兼容模式的兼容性调节以及控制代码的主要内容,如果未能解决你的问题,请参考以下文章

360浏览器兼容模式默认显示ie最高版本

怎样调节360浏览器的JS的兼容性?

解决360浏览器兼容模式的页面显示问题

解决360浏览器兼容模式的页面显示问题

解决360浏览器兼容模式的页面显示问题

360浏览器兼容模式怎么设置 360浏览器怎么设置兼容模式