CSS Hackとは?

1332 ワード

CSS hackは、CSSスタイルにいくつかの特殊な記号を加えることで、異なるブラウザに異なる記号を識別させ、異なるCSSスタイルを適用する目的を達成します.
Hackは一般的に条件Hack、属性レベルHack、セレクタHackの3種類に分けられます

条件Hack:


このようなHackはCSSだけでなく、判断文に書かれたすべてのコードに対しても有効になります.
~互換性テストの基礎環境はwindowsシステム;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

...
//     IE


//   IE7  


//   IE7  


//   IE7     ,   IE7


//   IE7     ,  IE7


//   IE7     ,   IE7


//   IE7     ,  IE7




      

// 2、  Hack
.a{
    color:#090\9;    /* IE8+    */
    *color:#f00;     /* IE7      */
    _color:#ff0;     /* IE6      */
}
// 3、   Hack
* + html .a{color:#090;}  /* IE7    */
* html .a{color:#ff0;}    /* IE6      */

詳しく説明する