`
jarod2008
  • 浏览: 80682 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS兼容IE6,IE7,FIREFOX的hack收集

阅读更多

 CSS兼容IE6,IE7,FIREFOX的hack收集
一种,是CSS HACK的方法注意顺序。
程序代码 程序代码
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

下面是针对id或者是自定义的样式也属于CSS HACK,不过没有上面这样简洁。
程序代码 程序代码
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */


第二种是使用IE专用的条件注释,也就是在引用或者导入css的时候使用“注释判断”来兼容。
程序代码 程序代码
<!--其他浏览器 -->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics