IE兼容文档.docxVIP

一、CSS HACK(兼容各种浏览器的CSS秘方)写法 以下两种方法几乎能解决现今所有HACK.翻阅很多资料，已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) CSS: #wrapper { width: 100px!important; width: 80px; } 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. CSS: #wrapper { #wrapper { width: 120px; } *html #wrapper { width: 80px;} *+html #wrapper { width: 60px;} } 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明： HTML: !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”　”/TR/html4/loose.dtd 二、万能 float 闭合(非常重要!) 关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽. CSS: .clearfix:after{ content:“.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } .clearfix {display:block;} 三、Ie6、Ie7和Firefox兼容性Css写法区别不同浏览器的CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但能识别!important; 附加一个火狐下透明滤镜的实现： .test{ background:#000; color:white; width:200px; position:absolute; left:10px; top:10px; filter: Alpha(opacity=10); -moz-opacity:.1; opacity:0.1; } 这里关键的是 filter: Alpha(opacity=10); -moz-opacity:.1; opacity:0.1; 四、全面兼容ie6,ie7,ie8,ff的CSS HACK写法 五、 HYPERLINK /hankwen/archive/2009/03/26/1422131.html CSS兼容IE6,IE7,FF的技巧 一、CSS HACK 以下两种方法几乎能解决现今所有HACK.翻阅很多资料，已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXTCSS: #wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */} 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. PLAIN TEXTCSS: #wrapper{#wrapper { width: 120px; } /* FireFox */*html #wrapper { width: 80px;} /* ie6 fixed */*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */} 注意:*