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