IE6/IE7/IE8/Firefox/Opera下的CSS hack方法
现在的布局都是用div+css,这就比之前的table要简单多了,虽然如此,但是也带来一些问题。主要是像素宽度控制。
所以,我们需要对CSS进行hack。通常比较常用的hack方法是通过符号来区分不同浏览器,因为某些符号有些浏览器不支持,有些浏览器支持,主要通过以下几个符号:“.”,“>”,“*”,“_”外加!important来实现。我们来参考下面的表格。
| 符号/浏览器 | IE6 | IE7 | IE8 | FF2 | FF3 | Opera |
| > | Y | Y | Y | N | N | N |
| . | Y | Y | Y | N | N | N |
| * | Y | Y | Y | N | N | N |
| _ | Y | N | N | N | N | N |
| !important | N | Y | Y | Y | Y | Y |
Y表示支持/N表示不支持
从表中我们可以看出,IE浏览器下,我们可以通过符号“_”来区分IE6和IE7/IE8,“*”用以区分IE和FF/Opera等标准浏览器。通常在一条CSS语句里面,FF在前,IE7/8在中间,IE6在最后,例如:
: background:orange;*background:green;_background:blue;
另外,IE8的样式可以单独写成:
/*这里是注释\*/
p{color:#f00;}
/*这里是注释*/
