IE6/IE7/IE8/Firefox/Opera下的CSS hack方法

您的位置:Fixbug_臭虫 > 其他 > 正文

现在的布局都是用div+css,这就比之前的table要简单多了,虽然如此,但是也带来一些问题。主要是像素宽度控制。

所以,我们需要对CSS进行hack。通常比较常用的hack方法是通过符号来区分不同浏览器,因为某些符号有些浏览器不支持,有些浏览器支持,主要通过以下几个符号:“.”,“>”,“*”,“_”外加!important来实现。我们来参考下面的表格。

符号/浏览器  IE6 IE7   IE8  FF2 FF3   Opera
>  Y  Y  N  N
.  Y  Y  Y  N  N
*  Y  Y  Y  N  N  N
_  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;}

/*这里是注释*/

Copyright 2009- Skin By 臭虫 粤ICP备09165841号-3 关于 东莞网站优化

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.