- 5
- 0
- 约3.07万字
- 约 15页
- 2016-10-09 发布于贵州
- 举报
IE6、_IE7IE8、Firefox兼容性问题
meta http-equiv=X-UA-Compatible content=IE=7 /
IE6、 IE7、IE8、Firefox兼容性
1.区IE和非IE
#tip?{background:blue;?/*非IE?背景藍色*/background:red?\9;?/*IE6、IE7、IE8背景紅色*/}
2.区IE6,IE7,IE8,FF
【区\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等)。
3.区IE6、IE7、Firefox (方法 1)
【区*」、「_」【示例】:
#tip?{background:blue;?/*Firefox背景*/*background:black;?/*IE7?背景*/_background:orange;?/*IE6?背景*/}
【IE7和IE6可*」(米字号),IE6又可以_」(底),但是IE7却无法_」,至于Firefox(非IE) 则完全 无法辨*」和「_」,因此就可以透IE6、IE7、Firefox
4.区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。
5.区IE7、Firefox
【区*」、「!important」【示例】:
#tip?{background:blue;?/*Firefox?背景*/*background:green?!important;?/*IE7?背景*/}
【Firefox可以辨!important」但却无法辨*」,而IE7*」、「!important」,因 此可以 两个辨IE7和Firefox。
6.区IE6、IE7 (方法 1)
【区*」、「_」【示例】:
#tip?{*background:black;?/*IE7?背景*/_background:orange;?/*IE6?背景*/}
【IE7和IE6都可以辨*」(米字号),但IE6可以辨_」(底),IE7却无法辨IE7无法_」的特性就能 鬆区隔 IE6和IE7之
7.区IE6、IE7 (方法 2)
【区!important」【示例】:
#tip?{background:black?!important;?/*IE7?背景*/background:orange;?/*IE6?背景*/}
【IE7可!important;」但IE6却不行,而CSS的IE6读取时因无法辨识 「!important」而直接跳到下一行CSS,所以背景色会呈
8.区IE6、Firefox
【区_」【示例】:
#tip?{background:black;?/*Firefox?背景*/_background:orange;?/*IE6?背景*/}
【IE6可以辨_」(底),但是Firefox却不行,因此可以透Firefox和IE6,有效达成CSS hack。
DIV+CSS相IE6、IE7和IE8的兼容???? 来源:本站整理???? 作者:不???? 日期:2010-4-14CSS,或,就会,从网上收集了IE7,6与Fireofx的兼容性.对于web2.0的,请尽量用xhtml格式写代,而且DOCTYPE 影响 CSS ,作W3C的准,一定要加 DOCTYPE声名.??CSS技巧1.div的垂直居中 ???? vertical-align:middle; 将行距增加到和整个DIV一 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要??2. margin加倍的????????? 设置为float的div在ie下margin会加倍。ie6都存
原创力文档

文档评论(0)