您的位置:首页 > 其它

ie-hack

2013-09-16 22:45 148 查看
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/IE9/IE10都生效
“\0″ IE8/IE9/IE10都生效
“\9\0″ 只对IE9/IE10生效
例如:
.test{ color:#FFF; color:#CCC\9; color:#3FC\0;}

5.button重置css样式兼容ie6,ie7

button在IE6、IE7下的兼容性,需要充值css为overflow:visible

转载

6.让IE6支持max-width,min-width

.sector{max-width:500px; _width:expression((documentElement.clientWidth>500)?”500px”:”auto”);

min-width:300px; _width:expression((documentElement.clientWidth<300)?”300px”:”auto”);}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: