900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 解决css3动画效果在360兼容模式跟猎豹浏览器下不兼容

解决css3动画效果在360兼容模式跟猎豹浏览器下不兼容

时间:2021-09-15 17:23:43

相关推荐

解决css3动画效果在360兼容模式跟猎豹浏览器下不兼容

360跟猎豹采用的都是谷歌(WebKit内核)跟IE(Trident内核)的双内核,360浏览器分为极速模式(WebKit内核)和兼容模式(Trident内核),这就导致兼容模式下不支持css3动画效果。解决办法:

在head标签中添加一行代码:

<meta name="renderer" content="webkit|ie-comp|ie-stand">

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">

若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">

若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。