整理关于IE6、IE7、IE8、Firefox兼容性CSS HACK问题

1、整理关于ie6、ie7、ie8、firefox兼容性css hack问题1.区分ie与非ie涉猎器css hack代码 css5 bac千克round:blue; /*非ie 后台藍色*/bac公斤round:red 9; /*ie6、ie7、ie8后援紅色*/ 2.区分ie6,ie7,ie8,ff css hack【区分符号】：9、*、_【示例】： css5 background:blue; /*firefox 靠山变蓝色*/background:red 9; /*ie8 后盾变红色*/*bac公斤round:black; /*ie7 背景变黑色*/_bac千克round:orange; /

2、*ie6 配景变橘色*/ 【解释】：由于ie系列阅读器可读9，而ie6和ie7可读*(米字号)，其余ie6可辨识_(底线)，因此也许遵循挨次写上去，就会让扫瞄器切确的读取到本人看自得识css语法，所以就可以实用辨别ie各版本与非ie扫瞄器(像是firefox、opera、google chrome、safari等)。 3.区分ie6、ie7、firefox (exp 1)【区分符号】：*、_【示例】： css5 bac公斤round:blue; /*firefox后盾变蓝色*/*background:black; /*ie7 后台变玄色*/_bac千克round:orange; /*ie6 背

3、景变橘色*/【注明】：ie7和ie6可读*(米字号)，ie6又可能读_(底线)，但是ie7却没法读取_，至于firefox(非ie扫瞄器)则彻低没法辨识*与_，因而便梗概透过这样的分歧性来判袂ie6、ie7、firefox 4.区分ie6、ie7、firefox (exp 2)【区分标志】：*、!important【示例】： css5 bac公斤round:blue; /*firefox 布景变蓝色*/*bac千克round:green !important; /*ie7 后台变绿色*/*bac公斤round:orange; /*ie6 配景变橘色*/【阐明】：ie7笼统辨识*与!import

4、ant，然而ie6只或许辨识*，却无奈辨识!important，至于firefox也许读取!important但不克不及辨识*于是或是透过多么的差距来实用区隔ie6、ie7、firefox。 5.区分ie7、firefox【区分标志】：*、!important【示例】： css5 bac千克round:blue; /*firefox 布景变蓝色*/*bac公斤round:green !important; /*ie7 靠山变绿色*/【解释】：因为firefox大概辨识!important但却没法辨识*，而ie7则大约同时看懂*、!important，因而或是两个辨识标记来区隔ie7和firef

5、ox。 6.区分ie6、ie7 (exp 1)【区分标识表记标帜】：*、_【示例】： tip *bac公斤round:black; /*ie7 配景变黑色*/_bac千克round:orange; /*ie6 布景变橘色*/【阐明】：ie7与ie6均也许辨识*(米字号)，但ie6概略辨识_(底线)，ie7却无奈辨识，透过ie7无奈读取_的特性就能轻鬆区隔ie6和ie7之间的差距。 7.区分ie6、ie7 (exp 2)【区分标志】：!important【示例】： css5 background:black !important; /*ie7 后台变玄色*/bac公斤round:orange; /*ie6 后台变橘色*/【注明】：因为ie7可读取!important;但ie6却弗成，而css的读取挨次是从上到下，是以ie6读取时因无法辨识!important而挺直跳到下一行读取css，以是配体面会浮现橘色。 8.区分ie6、firefox【区分标记】：_【示例】： css5 background:black; /*firefox 后台变玄色*/_bac公斤round:orange; /*ie6 后援变橘