稻草日志:css3的兼容问题,浏览器的私有前缀

王亚兵8个月前 (10-28)HTML5CSS3532

在前面web前端开发基础分享中,介绍浏览器的时候我们简单说了一下浏览器的内核。今天我们就聊一下我们所有浏览器的内核,要知道不同的浏览器对css3的新属性兼容是不一样的,前面介绍新增音视频标签的时候也说过。今天就告诉大家如何额通过浏览器的私有前缀解决css3新增属性在不同浏览器中的兼容问题

首先给大家介绍浏览器的四大内核,可能在很多人眼里,浏览器都是一样的,都能帮助我们浏览网页。但是他们的内核是不一样的。目前市面上的所有浏览器的内核大部分都使用的我将要讲到的四大内核。Trident(IE内核):该内核程序在 1997 年的 IE4 中首次被采用,也是国产浏览器用的比较多的内核。

css3浏览器私有前缀

Gecko(Firefox 内核):Netscape6 开始采用的内核,后来的 Mozilla FireFox(火狐浏览器) 也采用了该内核,他的特点就是开源的内核,第三个就是 webkit,首先想到的便是 chrome,可以说,chrome 将 Webkit内核 深入人心。第四个是 chromium一看就知道是谷歌的内核,chromium fork 自开源引擎 webkit,却把 WebKit 的代码梳理得可读性提高很多。

下面给大家看下市面上的浏览器都用的什么内核。

css3浏览器前缀.jpg

下面给大家说下浏览器私有前缀Trident内核:-ms,Gecko内核:-moz,Webkit内核:-webkit,Presto内核:-o,Blink内核:-webkit。可能有人不知道怎么用,比如我们前面学过的transform属性,在我们ie浏览器中就可以在前面添加前缀-ms-transform。

希望铜鼓哦今天的分享,大家能够重新认识浏览器内核,以及如何通过css3中浏览器中的私有前缀解决我们css3在使用中的兼容问题。

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。