IE9 Only CSS Hack

最新推荐文章于 2021-08-04 08:28:34 发布

前端开发工程师

最新推荐文章于 2021-08-04 08:28:34 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS样式文章标签： HTML UI CSS

本文链接：https://blog.youkuaiyun.com/caibinghong/article/details/83970496

CSS样式专栏收录该内容

34 篇文章

订阅专栏

本文分享了 IE9 的 CSS hack 技术，包括背景颜色的多种写法，适用于不同版本的 IE 浏览器。同时提到了一种新的 IE9 独有的 hack 方法，并提供了详细的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前写过《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关注：http://www.css88.com/archives/1681。感谢mxclion，感谢内部参考群！

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

今天在http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx上看到另一种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 */