主要的浏览器引擎有4种,trident,gecko,webkit,presto.
常见浏览器对应的引擎如下,
IE系列引擎类型:Trident
firefox引擎类型:Gecko
chrome、Safari引擎类型:WebKit
Opera引擎类型:Presto
不同的浏览器引擎对css的兼容识别也各不相同,尤其是对于较新的css3.
Trident的写法: property
Gecko类型的写法: -moz-property
WebKit类型的写法: -webkit-property
Presto类型的写法:-o-property
当然css2中的各个浏览器均可识别的css属性 如color,border等,就没有必要添加特定前缀了。添加特定前缀主要是为解决样式的兼容问题。
单单看让人头疼的ie也提供了多种不同的前缀来解决不同ie版本下css的兼容问题
所有浏览器 通用 height: 100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 100px !important;
ie的兼容写法-ms-property
先记到这边吧,以后再补充