网页设计中的CSS HACK技术

　　什么是CSS hack

　　由于不同的浏览器(比如Internet Explorer 6、Internet Explorer 7、Mozilla Firefox等)对CSS的解析不一样，因此会导致同一个网页在不同的浏览器中显示的效果不一样，得不到我们所需要的一致的网页显示效果。

　　这个时候我们就需要针对不同的浏览器去写不同的CSS，让网页能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的网页效果。
　　这个针对不同的浏览器写不同的CSS的过程，就叫CSS hack。

　　CSS Hack的原理
　　由于不同的浏览器对CSS的支持不一样，还由于CSS中存在优先级关系。我们就可以根据这个对不同的浏览器写不同的CSS。

　　比如：IE6能识别下划线 _ 和星号 * ，IE7能识别星号 * ，但不能识别下划线 _ ，而firefox两个都不能认识等等，另外一个对象如果有多个CSS式样，最后一个CSS式样优先级最高，也就是说最后一个CSS式样起作用。

　　如何写CSS Hack

　　比如要分辨IE6和firefox两种浏览器，可以这样写：

1 <style>
2 div{
3 background:green; /* for firefox */
4 *background:red; /* for IE6 */
5 }
6 </style>

　　上面的CSS在IE6中得到的是红色的背景，在firefox中得到的是绿色的背景。

　　原理是：由于firefox不能识别星号 * ，所以第4条语句被firefox忽略，只有第3条语句起作用。

　　而IE6虽然3、4两条语句都能识别，但只有第4条语句(最后一个CSS)起作用。这样就达到了分辨IE6和firefox两种浏览器的目的。