首页 > 编程开发 > CSS    日期: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就可以了。当然追求完美的设计师,可以去尝试面面俱到。

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5