读书人

[转载]解IE6、IE7、IE8、Firefox的

发布时间: 2012-09-12 09:21:30 作者: rapoo

[转载]解IE6、IE7、IE8、Firefox的器相容性!
每次CSS最令人痛的就是器校正,因每器CSS的解都不太一,Firefox本身算是比照矩,理上比,但是遇到微的IE系列就大了,然都是IE,但是IE6、IE7、IE8各版本CSS的解又不一,就算你本身已在IE6整好,但是在IE7看起又是不一,我就得各器定不同的值解版面移位的。

路上有非常多於CSS Hack的教文章,然理方法也有很多,接下要跟大家明的是於比的方法,但是以下的校正法通W3C,然法通,但是各器校正是有效的喔!

目前器大宗是於IE6的天下,原因主要是因XP本身建IE6,而且很多使用者很喜重灌XP,因此IE6仍占走了大半的器天下,不著Windows7的出,倒是有非常大的解的IE6,因Windows7本身是建IE8,微的IE8CSS的解已越越,然程度仍是不及Firefox。

另外,如果要理IE各版本器的相容性,那一定要有各版本的IE器可以,但是微作系有多版本的IE共存,了自己存在多版本的IE器,那就快下IETester使用吧!另外,也忘下Firefox修正CSS喔!

——————————我是分隔——————————

IE和Firefox
【辨符】:「\9」

【例】:

#tip {

background:blue; /*Firefox 背景色*/

background:red \9; /*IE6、IE7、IE8背景色*/

}

【明】:因IE器看得懂「\9」,但是非IE的器一律看不懂,因此就可以用法分IE和Firefox(非IE器,像是Opera、Google Chrome、Safari等),因此以上CSS例中,非IE器是示色背景,IE系列器是示色背景。

——————————我是分隔——————————

IE6、IE7、IE8、Firefox
【辨符】:「\9」、「*」、「_」

【例】:

#tip {

background:blue; /*Firefox 背景色*/

background:red \9; /*IE8 背景色*/

*background:black; /*IE7 背景黑色*/

_background:orange; /*IE6 背景橘色*/

}

【明】:因IE系列器可「\9」,而IE6和IE7可「*」(米字),另外IE6可辨「_」(底),因此可以依照序下,就器正的取到自己看得懂得CSS法,所以就可以有效分IE各版本和非IE器(像是Firefox、Opera、Google Chrome、Safari等)。

——————————我是分隔——————————

IE6、IE7、Firefox (方法 1)
【辨符】:「*」、「_」

【例】:

#tip {

background:blue; /*Firefox背景色*/

*background:black; /*IE7 背景黑色*/

_background:orange; /*IE6 背景橘色*/

}

【明】:IE7和IE6可「*」(米字),IE6又可以「_」(底),但是IE7法取「_」,至於Firefox(非IE器)完全法辨「*」和「_」,因此就可以透的差性分IE6、IE7、Firefox,

——————————我是分隔——————————

IE6、IE7、Firefox (方法 2)
【辨符】:「*」、「!important」

【例】:

#tip {

background:blue; /*Firefox 背景色*/

*background:green !important; /*IE7 背景色*/

*background:orange; /*IE6 背景橘色*/

}

【明】:IE7可以辨「*」和「!important」,但是IE6只可以辨「*」,法辨「!important」,至於Firefox可以取「!important」但不能辨「*」因此可以透的差有效隔IE6、IE7、Firefox。

IE7、Firefox
【辨符】:「*」、「!important」

【例】:

#tip {

background:blue; /*Firefox 背景色*/

*background:green !important; /*IE7 背景色*/

}

【明】:因Firefox可以辨「!important」但法辨「*」,而IE7可以同看懂「*」、「!important」,因此可以辨符隔IE7和Firefox。

——————————我是分隔——————————

IE6、IE7 (方法 1)
【辨符】:「*」、「_」

【例】:

#tip {

*background:black; /*IE7 背景黑色*/

_background:orange; /*IE6 背景橘色*/

}

【明】:IE7和IE6都可以辨「*」(米字),但IE6可以辨「_」(底),IE7法辨,透IE7法取「_」的特性就能隔IE6和IE7之的差。

IE6、IE7 (方法 2)
【辨符】:「!important」

【例】:

#tip {

background:black !important; /*IE7 背景黑色*/

background:orange; /*IE6 背景橘色*/

}

【明】:因IE7可取「!important;」但IE6不行,而CSS的取步是上到下,因此IE6取因法辨「!important」而直接跳到下一行取CSS,所以背景色呈橘色。

——————————我是分隔——————————

IE6、Firefox
【辨符】:「_」

【例】:

#tip {

background:black; /*Firefox 背景黑色*/

_background:orange; /*IE6 背景橘色*/

}

【明】:因IE6可以辨「_」(底),但是Firefox不行,因此可以透的差隔Firefox和IE6,有效成CSS hack。

——————————我是分隔——————————

於IE6、IE7、IE8、Firefox之的CSS Hack大概是以上那,如果有疏漏或是有大家指一下!些CSS Hack是我目前看比的理方式,然如果你不很在意CSS是否通W3C的,你只在意每用在不同的器下是否可以正常的,其以上CSS Hack你是非常好用的,因些CSS Hack如果善加利用可以正的解器相容性。

以上的CSS Hack照了以下篇文章所整理出的,感以下文章的明。

读书人网 >Web前端

热点推荐