css ie6 ie7 ff的CSS hack使用技巧
更新时间：2008年09月10日 10:29:56 作者：
关于CSS HACK的文章在jb51.net中提及的也很多。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浏览器版本的控制。
.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浏览器版本的控制。
相关文章
为了兼容和区分多浏览器我们需要用一些css hack来解决这些问题，但不建议用，能不用则不用2008-08-08
多中语言实现判断客户访问用得是那个域名 然后转到对应的目录...2007-05-05
CSS条件注释的使用详解教材...2007-03-03
除非限制你自己只做单个页面的网站，否则你都需要导航栏。事实上，导航栏是任何网站设计中最主要的部分之一，如果希望用户很容易的在你的站点移动，导航栏的设计需要大量的思考。2008-05-05
在浏览器 IE6 、IE7、Firefox2+、Firefpx3+、Opera9.6+、Safari3.1+中测试以下代码2008-11-11
CSS实现的一个图片放大展示的一种思路...2007-10-10
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
最近发现各大类库都能利用xxx.innerHTML=HTML片断来生成节点元素，再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML，但是IE可恶的innerHTML把这优势变成劣势。2014-06-06
完美支持IE，Firefox，Opera等浏览器。2008-12-12
不错的10个你未必知道的CSS技巧...2007-10-10
怎么让表格为固定大小，超出的部分显示为省略号...2006-10-10
最新评论