CSS浏览器兼容性写法小结

• *        ， ie6,ie7可以识别；
• _和- ，  ie6可以识别；
• !important  ,表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级；
• -webkit- ，针对safari，chrome浏览器的内核CSS写法
• -moz-，针对firefox浏览器的内核CSS写法
• -ms-，针对ie内核的CSS写法
• -o-，针对Opera内核的CSS写法

示例代码

1. <style>
2. .div1{
3. *position:relative;
4. -moz-background-size:50%;
5. -ms-content-zoom-limit-max:50%;
6. -o-box-shadow:5px10px20px#f0f;
7. }
8. .div2{
9. position:absoulte!important;
10. }
11. </style>

 

---

补充：

常见的浏览器内核引擎以及具体应用：

Trident： IE浏览器；

Gecko： Firefox浏览器；

webkit： Safari，Google Chrome，遨游3，猎豹，百度浏览器；

Presto：Opera的内核，但由于市场选择问题，主要应用于手机平台——Opera mini