不同浏览器的CSS Hack写法小结

  发布时间:2008-12-05 00:27:34   作者:佚名   我要评论
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue;
区别IE6与FF:
background:orange;*background:blue;

区别IE6与IE7:
background:green !important;background:blue;

区别IE7与FF:
background:orange; *background:green;

区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

IE6 IE7 FF
* √ √ ×
!important × √ √

另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

相关文章

  • CSS hack 针对IE6,IE7,firefox显示不同效果

    CSS hack:针对IE6,IE7,firefox显示不同效果 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要。
    2010-04-01
  • IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

    知道CSS的朋友一定听说过CSS hack,现在的浏览器IE、Firefox、Chrome、Opera、Safari。。。百家争鸣,可苦了Web前端开发人员了。
    2010-03-06
  • 纯CSS无hacks的跨游览器自适应高度多列布局 推荐

    翻译自Matthew James Taylor的Equal Height Columns with Cross-Browser CSS and No Hacks,有些部分根据我的理解改了,让一些初心者更好理解。
    2009-11-12
  • 纯CSS下拉菜单(无js,无hacks,支持IE6)

      为大家带来一个无js,无hacks的CSS下拉菜单。且支持IE6. IE6+, FF2+, Opera 9+, Flock2+, Chrom2+ 测试通过 缺点:下拉菜单只有一级。
    2009-11-11
  • css hack之清除浮动(clearfix)

    平常做东西,经常要碰到清除浮动(对于一些浮动元素) 一般最简单的方式是在要清除浮动的元素后直接加一div
    2010-10-28
  • CSS 完美兼容IE6/IE7/FF的通用hack方法

    一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前
    2009-03-20
  • IE6789,FF之间Css Hack整理

    大家在使用的过程中,需要注意书写顺序
    2012-11-10
  • CSS Hack详解

    CSS hack由于不同的浏览器,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,
    2014-12-31

最新评论