Safari的CSS HACK方法

之前的文章裏提到過IE6/IE7/IE8/IE9/、Firefox的CSS HACK方法,那麼Safari的CSS HACK是什麼呢?
 
請看如下CSS代碼:
  1. .box   
  2. {   
  3.     color: black;                              /* ff */  
  4.     color: #fff\9\0;                            /* IE9 */  
  5.     color: #ff0000\0;                       /* IE8 */  
  6.     [color: #666; color: #999;       /* Safari Chrome */  
  7.     *color: green;                           /* IE7 */  
  8.     _color: blue;                             /* IE6 */  
  9. }  
  10. @media all and (min-width: 0px){
  11. /* Safari與Opera瀏覽器的共一樣式 */
  12.  }
  13. @media all and (-webkit-min-device-pixel-ratio:0){
  14.  /* 這裏單獨設置Safari的樣式 */
  15. }

 HTML代碼css

  1. <div class="box">  
  2. 這裏根據設置不一樣瀏覽器的CSS HACK顯示不一樣的顏色!   
  3. </div>  

在IE6瀏覽器中字體顏色爲藍色;web

在IE7瀏覽器中字體顏色爲綠色;瀏覽器

在IE8瀏覽器中字體顏色爲紅色;字體

在IE9瀏覽器中字體顏色爲白色;spa

在Firefox瀏覽器中字體顏色爲黑色;code

在safari、Chrome瀏覽器中字體顏色爲灰色。xml

相關文章
相關標籤/搜索