当前位置:中国站长下载文章中心网页制作HTML/CSS → 关于IE6、IE7和FF最简单的CSS hack技巧

关于IE6、IE7和FF最简单的CSS hack技巧

减小字体 增大字体 作者:编辑整理  来源:互联网  发布时间:2008-9-16 20:07:06

关于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 

FF浏览器


.test{
    height:20px; 
    background-color:orange; 
}

IE7浏览器


*+html .test{/*IE7*/ 
    height:20px; 
    background-color:blue; 

IE6浏览器


*html .test{/*IE6*/ 
    height:20px; 
    background-color:black; 

通过上面的CSS代码可以看出FF还是最听话的浏览器。在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。

这里就很好记忆了,IE6加*html,而IE7加*+html,暗示加了一个版本。

通过对class、id所做的CSS HACK好处在于不用顾及前后顺序,而且便于管理和其他人员接受,还可以通过这种HACK实现类似JS浏览器版本的控制。