首页 > 代码库 > CSS浏览器兼容性写法小结

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: 5px 10px 20px #f0f;
  7. }
  8. .div2{
  9. position:absoulte!important;
  10. }
  11. </style>


补充:
常见的浏览器内核引擎以及具体应用:
Trident: IE浏览器;
Gecko: Firefox浏览器;
webkit: Safari,Google Chrome,遨游3,猎豹,百度浏览器;
Presto:Opera的内核,但由于市场选择问题,主要应用于手机平台——Opera mini




来自为知笔记(Wiz)


CSS浏览器兼容性写法小结