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
 



从零到现在,一路走来,感谢众多无私的知识分享者,我愿意为你们接下一棒!
原文地址:https://www.cnblogs.com/Jener/p/5878729.html