首页 > Web开发 > 详细

IE9的css hack使用示例

时间:2016-01-16 11:12:36      阅读:148      评论:0      收藏:0      [点我收藏+]
以前写过《IE8的css hack》,ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下:

复制代码
代码如下:

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

注意写hack的顺序,其中:

复制代码
代码如下:

background-color:red\0;IE8和IE9都支持;
background-color:blue\9\0; 仅IE9支持;
 
===============华丽的分割线===============

今天在看到另一种hack:

复制代码
代码如下:

#element {
color:orange;
}
#element {
*color: white; /* IE6+7, doesn‘t work in IE8/9 as IE7 */
}
#element {
_color: red; /* IE6 */
}
#element {
color: green\0/IE8+9; /* IE8+9 */
}
:root #element { color:pink \0/IE9; } /* IE9 */

IE9的css hack使用示例

原文:http://www.jb51.net/css/104603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!