现在的布局都是用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;}
/*这里是注释*/