ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下:
1 select { 2 background-color:red ; /* ie 8/9*/ 3 background-color:blue9 ; /* ie 9*/ 4 *background-color:#dddd00; /* ie 7*/ 5 _background-color:#CDCDCD; /* ie 6*/ 6 }
注意写hack的顺序,其中:
- background-color:red ;IE8和IE9都支持;
- background-color:blue9 ; 仅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 /IE8+9; /* IE8+9 */ 12 } 13 :root #element { color:pink /IE9; } /* IE9 */
csshack的更多资料: