浏览器的内核,负责对网页语法的解释并显示网页,它决定了浏览器如何显示网页的内容以及页面的格式信息。在每一种浏览器中包含两个引擎:1.内容排版引擎,负责加载HTML内容,和渲染CSS样式。2.javascript解释器引擎,负责解释并执行JS程序。处理浏览器的兼容性问题我可以从这两个引擎大块来入手。而多数兼容性问题存在于旧版本的IE浏览器,从IE8为分水岭。今天我来讨论CSS层叠样式表中存在的一些兼容性问题的知识。
首先我们列出个浏览器的内核。
Trident:IE浏览器的内核;
Gecko:Mozilla浏览器的内核(FireFox);
Webkit:Safari浏览器的内核,也是Chrome浏览器的原型;
Blink:Chrome浏览器的内核 opera浏览器的内核;
这里要区分浏览器的内核和厂商前缀的区别,那么几种浏览器的供应商前缀分别是。(注意:厂商前缀全部为小写)。
-moz- FireFox;
-webkit- Chrome,Safari;
-ms- IE;
-o- opera;
在CSS3中的animation新属性我们就会学习到其中在定义关键帧动画的时候,存在的浏览器的兼容性问题。
浏览器兼容性:@keyframes animation Firefox IE
@-webkit-keyframes -webkit-animation Chrome Safari
@-o-keyframes -o-animation Opera