IE8和火狐(以下简称FF)基本一致,来看下IE6,IE7,FF的识别方式
因为IE系列浏览器可读「9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、GoogleChrome、Safari等)。
【区别符号】:「9」、「*」、「_」
【示例】:
#tip{ background:blue;/*Firefox背景变蓝色*/ background:red9;/*IE8背景变红色*/ *background:black;/*IE7背景变黑色*/ _background:orange;/*IE6背景变橘色*/ }
区别IE和非IE浏览器
#tip{ background:blue;/*非IE背景藍色*/ background:red9;/*IE6、IE7、IE8背景紅色*/ }
_是针对IE6的CSS HACK,其他浏览器均不能识别_
body{ _background:purple; }
IE6,IE7能识别*,FF和IE8不能识别
*body{ background:green; } body{ *background:green; }
IE7,FF能识别!important;IE6不能识别
body{ !important;background:blue; }
要针对IE6,IE7,火狐有不同的样式,只需这样写
background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
我平时制作网页时主要考虑的是IE6和火狐浏览器,其他浏览器的用户已经很少了,即使喜欢IE的用户不是在用IE6就是在用IE8,所以只要针对IE6的bug做些CSS HACK就可以了。当然追求完美的设计师,可以去尝试面面俱到。