解决浏览器兼容性问题CSS(一)
2015-12-23 23:58
387 查看
浏览器的内核,负责对网页语法的解释并显示网页,它决定了浏览器如何显示网页的内容以及页面的格式信息。在每一种浏览器中包含两个引擎: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
首先我们列出个浏览器的内核。
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
相关文章推荐
- 用CSS box-shadow画画
- CSS之照片翻转
- CSS样式表——超链接样式
- CSS3秘笈:第十三章
- HTML--CSS样式表的基本概念
- 作品第一课----鼠标移入/移除改变样式
- 作品第一课----改变DIV样式属性
- CSS浏览器兼容性----Hack
- 网页滚动条样式知识
- CSS浏览器兼容性----Hack
- 【CSS+DIV】(1)——滤镜的应用
- CSS3响应式设计
- 9种CSS3 blend模式制作的鼠标滑过图片标题特效
- 样式表
- CSS3秘笈:第十二章&第十三章
- CSS3秘笈:第十一章
- css style study
- 星星选择样式
- js+css3制作验证码
- @font-face(css3属性)实如今网页中嵌入随意字体