CSS中兼容性IE，Chrome，Firefox和CSS Hack

其中粉红色部分为属性hack，黄色部分为选择器hack，它们可以结合使用。此外Firefox和Chrome也有它们专有的hack，详细hack方式及使

用示例如下：

Firefox：

@-moz-document url-prefix()    /*写在选择器外层时（只可写在此处）：Firefox only*/

Chrome：

@media screen and (-webkit-min-device-pixel-ratio:0)    /*写在选择器外层时（只可写在此处）：Chrome only*/

使用示例-写在选择器前面：

@-moz-document url-prefix()    /*Firefox*/

{

        body

        {

                background-color:pink;

        }

}

注意事项：

浏览器对css的解析是从前到后的，并且采用最后一个样式声明。

 还是不知道怎么区分.好吧,来看个例子: