IE6、IE7和FF的最简单的hack技巧
互联网 发布时间：2008-10-17 19:26:10 作者：佚名 
我要评论
我要评论 关于CSS HACK的文章在webjx.com中提及的也很多。
CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。
FF浏览器
.test{
height:20px;
background-color:orange;
}
IE7浏览器
* html .test{/*IE7*/
height:20px;
background-color:blue;
关于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浏览器版本的控制。
上面内容看完可以点击下面的效果在不同浏览器来看看效果，
其中橙色代表FF，蓝色代表IE7，黑色代表IE6。
大家可以自行测试！
相关文章
- 这篇文章主要介绍了10个必备的CSS技巧总结,随看随记,敬请收藏~需要的朋友可以参考下2015-06-29
- CSS是网页设计师的基础，对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西2013-04-09
- 最常用和实用的CSS技巧，不论是前台美工还是后台成员人员都需要注意的地方。2010-01-05
- 层叠样式表（CSS）是现代的网站设计不可或缺的重要组成部分，就像10年前那样，没有它网站就会显得是丑陋的。随着时间的推移，网络中的CSS的教程质量已有显著的提高。2009-10-27
- 几乎可以肯定的CSS是最好的一个网页设计的发展，因为第一次图形的Web浏览器通过了关于大规模，凡表创建笨重，缓慢加载网页，创建的CSS更加精简和实用的网页。2009-08-03
- 网页制作Webjx文章简介：本文描述了一个在IE6下用import导入CSS的问题！ 在ie 6中可以先写CSS再加import比如 p {} @import url("base.css");2009-04-02
- CSS在书写过程中会一些小技巧，会省时省力，比如按字母顺序来排列css、先标记 后css等等，本文整理了一些，感兴趣的朋友可以参考下希望对大家书写css有所帮助2013-08-13
- 这篇文章主要介绍了CSS Hack技术介绍及常用的Hack技巧集锦,本文讲解了什么是CSS Hack、常用的CSS Hack、IE6对!important的支持、IE6下的多选择符等内容,需要的朋友可以参考2014-10-08
CSS hack技巧之IE6，IE7，firefox显示不同效果
区别不同浏览器的CSS hack写法2010-03-06- 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题，本文给大家分享CSS常用技巧之CSS书写技巧2016-01-12
最新评论