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”);}
相关文章推荐
- IE hack
- 关于IE的一些hack
- 针对主流浏览器的CSS-HACK写法及IE常用条件注释
- IE HACK
- 比较全的针对ie的hack
- IE经常使用到的hack
- 条件注释判断兼容浏览器版本CSS HACK <!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
- ie678,ff,chrome hack
- IE的hack技术
- css3兼容IE8的方案 各个ie的hack
- 通过条件注释hack创建只对IE生效的样式<!--[if IE]>
- IE系列hack
- 针对IE的CSS样式hack
- 各种浏览器的Hack写法(chrome firefox ie等)
- Hack 只针对IE
- 各种浏览器的Hack写法(chrome firefox ie等)
- 网页设计师必备知识IE Hack
- CSS兼容HACK[IE6 IE 7 FF]
- 【Hack】ie 条件Hack
- 各种浏览器的Hack写法(chrome firefox ie等)