IE6、IE7、Firefox浏览器兼容的方法

来自:互联网
时间:2018-08-13
阅读:

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就可以了。当然追求完美的设计师,可以去尝试面面俱到。

返回顶部
顶部