// 通過條件注釋讓不同的瀏覽器加載不同的CSS <!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]--> <!--[if IE]><!--> 所有的IE可識別 <![endif]--> <!--[if IE 6]> 僅IE6可識別 <![endif]--> <!--[if lt IE 6]> IE6以下版本可識別 <![endif]--> <!--[if gte IE 6]> IE6 以及 IE6以上版本可識別 <![endif]-->

描述:當一個新的CSS屬性被開發出來后,由于W3C標準的申請和審核流程十分嚴格和漫長,瀏覽器廠商往往會暫時繞開這一流程
通過添加前綴的方式讓自己的瀏覽器率先支持新的屬性,以下是常見的屬性前綴:

• -webkit : Chrome、Safari等。
• -moz : Firefox
• -ms : IE
• -o : Opera

// 通過瀏覽器的屬性前綴來解決跨瀏覽器的兼容問題 .transform{-webkit-transform:rotate(-3deg); /* 帶有 Chrome、Safari 瀏覽器的屬性前綴 */-moz-transform:rotate(-3deg); /* 帶有 Firefox 瀏覽器的屬性前綴 */-ms-transform:rotate(-3deg); /* 帶有 IE 瀏覽器的屬性前綴 */-o-transform:rotate(-3deg); /* 帶有 Opera 瀏覽器的屬性前綴 */transform:rotate(-3deg); /* W3C標準語法,無屬性前綴 */ } // ps: 一般W3C標準語法寫在最后

參考《CSS高效開發實戰》P16

總結

以上是生活随笔為你收集整理的css --- 让不同的浏览器加载不同的CSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。