电脑技术学习

提升兼容不同浏览器CSS Hack的写法

dn001

  解决CSS中遇到的浏览器兼容性问题,最简单的方式为CSS Hack,现在我们讲将不同浏览器中CSS Hack写法!

  区别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的写在最后面。