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

原创于 2009-05-14 17:32:03 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #Firefox #IE #浏览器 #HTML

静态语言专栏收录该内容

14 篇文章

订阅专栏

本文介绍了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" />