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

最新推荐文章于 2026-01-07 13:26:45 发布

转载最新推荐文章于 2026-01-07 13:26:45 发布 · 467 阅读

文章标签：

#ie #firefox #css #stylesheet #html #浏览器

css 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了CSS Hack的两种常用方法：一是通过特定语法实现不同浏览器的样式差异化；二是利用IE专有的条件注释实现兼容性调整。适用于解决IE6、IE7及Firefox等浏览器间的显示差异。

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" />