IE6、_IE7IE8、Firefox兼容性问题.docVIP

  • 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-14 CSS,或,就会,从网上收集了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)

1亿VIP精品文档

相关文档