IE9的css hack使用示例
网站建设 2021-07-03 08:43www.dzhlxh.cn网站建设
以前写过《》，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 */
复制代码
代码如下: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 */