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