卡卡网

我今天在国外网站，找到了单独针对Chrome的CSS hack代码，测试有效！

写CSS需要考虑浏览器兼容性问题，我们要针对不同的浏览器，某些CSS代码要略有不同。

每次设计一张网页或一个表单，都对各种浏览器的兼容问题伤透脑筋，尤其是IE家族。在做兼容性设计时，我们往往会使用各种浏览器能识别的独特语法进行hack，从而达到各种浏览器下显示正常的目的。其中，我们用得最多莫属于\9和\0了。\9和\0是hack IE8、IE9、IE11的独特标识。但是问题来了，\9和\0到底怎样hack IE8、IE9、IE11这三个浏览器？

IE7、IE8、IE9、IE11虽然同属IE家族，但他们在网页渲染时，对css属性的识别却不尽相同，因此，我们会发现网页在IE9浏览好好的，却在IE11上浏览时出现错乱的问题。本文将举例介绍IE家族IE7、IE8、IE9、IE11的css hack的问题，了解它们之间的差异，从而能够写出兼容性良好的css代码。

今天用IE11使用卡卡网的网站速度诊断工具时，发现选项的排版是错位的，我大吃一惊，因为该工具上线有半年多时间了，开发时是经过了多浏览器兼容性测试的，当时测试的浏览器有IE8、IE9、Chrome、360、Firefox，之所以没有IE11，是因为认为只要通过IE9就可以通过IE11了，但实际上现在发现是不行的。

网站兼容性调试实在令人烦心，今天，我就把这几个主要浏览器的CSS hack代码汇总一下，满足如下的浏览器要求：IE8、IE9、IE10、IE11、Chrome、Firefox，由于360使用的是Chrome内核，所以满足Chrome基本就满足了360。

在复杂的网页框架布局中，div起了绝对的主导作用，而又因为div的语法在各个浏览器中的表现并不一致，因此div的浏览器兼容性写法就起了至关重要的意义。