CSS hack 技术

首先我们要了解一个概念 CSS hack

不同的浏览器，如IE6、IE7、IE8、Mozilla Firefox等，对CSS的支持和解析结果不同，会导致同一个网页产生不同的页面效果。

这时候我们就需要为不同的浏览器定义不同的CSS，这样才能同时兼容不同的浏览器，在不同的浏览器中都能得到我们想要的页面效果。

这种为不同的浏览器编写不同的 CSS 代码的过程称为 CSS hack，也称为编写 CSS hack。

CSS Hack原理：由于不同的浏览器对CSS的支持和解析结果的不同以及CSS中的优先级，我们可以据此为不同的浏览器编写不同的CSS。

例如：

IE6可以识别下划线“_”和星号“*”，

IE7可以识别星号“*”浏览器就能获得比特币，但不能识别下划线“_”，

而firefox无法识别这两个。

例如：例如我们通常会遇到如下写法：

.side_col { 浮动：左；显示：内联；左边距：20px；}

并且适应 IE6 是：

.side_col { 浮动：左；左边距：20px；}

* .side_col { _display:inline; /* IE 6 被黑*/ }

另一个例子：

id="bgcolor" 的控件在 IE6 中显示为蓝色，在 IE7 中显示为绿色浏览器就能获得比特币，在 Firefox 等其他浏览器中显示为红色

.#bgcolor { 背景：红色！重要；/* 其他浏览器如火狐*/ background:blue; /* IE6 */}*+html #bgcolor { background:green !important; /* IE7 */}IE6 无法识别 !important，无法识别 *+html。所以IE6只能是蓝色的。IE7 识别 !important，也识别 *+html，优先级：(*+html + !important) > !important > +html。IE7 可以是红色、蓝色和绿色，但绿色优先级最高。Firefox 和其他浏览器识别 !important。!important 优先，Firefox 可以是红色和蓝色，但红色优先。

你必须保护你的心高于一切。