当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > IE6、IE7和FF的最简单的hack技巧

CSS样式表
IE和Firefox浏览器CSS网页布局不同点
CSS改变选择网页文字背景色
CSS3教程(1):什么是CSS3
浏览器Apple Safari和Google Chrome内核webkit
YaHoo方法:CSS Reset重设浏览器的样式
你知道吗?CSS样式表也能挂网页木马
通过宜家的家具设计方法学习CSS模块化
可读性CSS代码编写的小技巧
建议网页开发者使用IE8测试版测试网站
帮我写出更好的CSS代码的一些技巧
CSS初学福音:解决你对英文单词的不理解
两个CSS代码精简工具(网页推荐)
IE6图片元素img下出现多余空白的问题
将设计稿转换成WEB页面职业者
W3C标准以及XHTML和HTML
网页字体该如何设置?
学CSS网页布局排查错误的方法
CSS常见的让元素水平居中显示的方法
CSS网页布局教程:CSS伪类定义3种方法
CSS模块化思想的优势

CSS样式表 中的 IE6、IE7和FF的最简单的hack技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 89 ::
收藏到网摘: n/a


  关于CSS HACK的文章在ruanchen.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浏览器版本的控制。

  上面内容看完可以点击下面的效果在不同浏览器来看看效果,
  其中橙色代表FF,蓝色代表IE7,黑色代表IE6。
  大家可以自行测试!