CSS HACK 全面兼容

来源：互联网发布：java 静态泛型类编辑：程序博客网时间：2024/05/16 10:34

1、什么是CSS HACK？

针对不同的浏览器写不同的CSS code的过程，就叫CSS HACK

2、CSS HACK的原理以及解决方法？

由于不同浏览器对CSS的支持及解析结果不一样，还由于CSS的优先级的关系。

我们就可以根据这个针对不同的浏览器写不同的CSS。

方法一：

在<head>中加上<meta http-equiv="x-ua-compatible" content="ie=7" />,在ie8中解析跟ie7一样，所以，基本上可以无视ie8。其他浏览器可以这样写：

background:#000; /* 对firefox有效*/
*background:#fff; /* 对ie7有效 */
_background:#ccc; /* 只对ie6有效 */

解释一下为什么按这个顺序来写的。FF能解析第一个，后面的两个因为加了特殊符号“*”和“_”，FF认识不了，所以显示#000。ie7前两个都能解析，以最后为准，所以显示#fff。ie6三个都可以解析，而且"_"只有ie6能认识，所以显示#ccc

方法二：

margin-bottom:30px;       /*ff的属性*/
margin-bottom:110px\9;    /* IE6/7/8的属性 */
color:#000\0;              /* IE8支持 */
*margin-bottom:300px;     /*IE6/7的属性*/