IE9下css hack写法

ie9一出css hack也该更新，以前一直没关注，今天在内部参考群mxclion分享了IE9的css hack，拿出来也分享一下：

 

1 select {
2     background-color:red\0;  /* ie 8/9*/
3     background-color:blue\9\0;  /* ie 9*/
4     *background-color:#dddd00;  /* ie 7*/
5     _background-color:#CDCDCD;  /* ie 6*/
6     }

 

注意写hack的顺序，其中：

  1. background-color:red\0;IE8和IE9都支持；
  2. background-color:blue\9\0; 仅IE9支持；

感谢mxclion，感谢内部参考群！

===============华丽的分割线===============

今天在http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx上看到另一种hack：

 

 1 #element {
 2         color:orange;
 3     }
 4     #element {
 5         *color: white;    /* IE6+7, doesn't work in IE8/9 as IE7 */
 6     }
 7     #element {
 8         _color: red;     /* IE6 */
 9     }
10     #element {
11         color: green\0/IE8+9; /* IE8+9  */
12     }
13     :root #element { color:pink \0/IE9; }  /* IE9 */

 

csshack的更多资料：

chrome、safari和opera的专属css hack写法

让Medial Queries支持IE的hack写法

posted @ 2013-12-17 16:55  webnote  阅读(346)  评论(0)  编辑  收藏  举报