CSS IE6/IE7/IE8/FireFox CSS 兼容办法 hack

时间:2021-10-05 00:45:27

CSS之IE8兼容方法+兼容IE6/IE7/IE8/FireFox的CSS hack

IE8正式版推出以来,有些没有按照标准来写代码的页面,可能会存在兼容问题,下面介绍几种兼容的办法:

一、通过hack兼容

"\9" 例:"font-size:16px\9;".这里的"\9"可以区别所有IE 和 FireFox.

"*" IE6IE7可以识别.IE8FireFox不能.

"_" IE6可以识别"_",IE7IE8FireFox不能.

可能这样写不是很理解,举个例子:

font-size:16px;         /*所有浏览器都适用*/

font-size:14px\9;      /*IE6、IE7、IE8*/

*font-size:18px;        /*IE6、IE7*/

_font-size:20px;       /*IE6*/

二、通过IE8兼容视图来兼容

在html代码的head部分加入以下代码:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

补充一个chRome 的hack

body:nth-of-type(1) classname{}