CSS hack 汇总

最新推荐文章于 2023-07-19 09:53:21 发布

寒风问雪

最新推荐文章于 2023-07-19 09:53:21 发布

阅读量576

点赞数

分类专栏： CSS web前端

web前端同时被 2 个专栏收录

29 篇文章

订阅专栏

CSS

23 篇文章

订阅专栏

本文介绍了四种专门用于解决不同版本Internet Explorer浏览器兼容性问题的方法：IE条件注释法、选择符前缀法、属性前缀法及属性值后缀法，并提供了具体的使用案例。

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

10/12. 2011

1, IE条件注释法，微软官方推荐的hack方式。

只在IE下生效
<!--[if IE]>
这段文字只在IE浏览器上显示
<![endif]-->

只在IE6下生效
<!--[if IE 6]>
这段文字只在IE6浏览器上显示
<![endif]-->

只在IE6以上版本生效
<!--[if gt IE 6]>
这段文字只在IE6以上版本IE浏览器上显示
<![endif]-->

只在IE7上不生效
<!--[if ! IE 7]>
这段文字在非IE7浏览器上显示
<![endif]-->

非IE浏览器生效
<!--[if !IE]><!-->
这段文字只在非IE浏览器上显示
<!--<![endif]-->

2, 选择符前缀法，即在CSS选择符前加一些只有特定浏览器才能识别的前缀。

*html 前缀只对IE6生效
*+html 前缀只对IE7生效

例如：

.test{
color:#FFF;}

*html
 .test{ color:#000;} 
/*
 only for ie6 */

*+html
 .test{ color:#CCC;}
/*
 only for ie7 */

3, 属性前缀法，即在样式属性名前加一些只有特定浏览器才能识别的前缀。

“-” 只对IE6生效
“*” 只对IE6和IE7生效

例如：

.test{
color:#FFF;
 *color:#CCC;
 -color:#000;}

4, 还有一种hack方法是在属性值后加上一些只有特定浏览器才能识别的前缀。

“\9″ ~~只针对IE6/IE7/IE8生效~~ IE6/IE7/IE8/IE9/IE10都生效   /* 2012-12-04修改*/
“\0″ ~~只针对 IE8生效~~ IE8/IE9/IE10都生效   /* 2012-12-04修改*/
“\9\0″ 只对IE9/IE10生效   /* 2012-12-04修改*/
例如：

.test{
color:#FFF;
color:#CCC\9;
color:#3FC\0;}