IE浏览器和火狐浏览器兼容问题.doc

，年份越久越醇香浓型；真诚是焰火，在高处绽放才愈是美丽；真诚是鲜花，送之于人手有余香。一颗孤独的心需要爱的滋润；一颗冰冷的心需要友谊的温暖；一颗绝望的心需要力量的托慰；{clear:both;}
　　此外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden;
　　当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊!)用zoom:1;可以做到，这样就到达了兼容。
　　例如某一个wrapper如下定义：.colwrapper{
　　overflow:hidden;
　　zoom:1;
　　margin:5px auto;}
　　2、margin加倍的问题。
　　设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
　　解决方案是在这个div里面加上display:inline;
　　例如：
　　<#div id=\〞imfloat\〞>
　　相应的css为
　　#IamFloat{
　　float:left;
　　margin:5px;/*IE下理解为10px*/
　　display:inline;/*IE下再理解为5px*/}
　　3、关于容器的包涵关系
　　很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。
　　4、关于高度的问题
　　如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。(似乎有时候不会自动往下撑开，不知道具体怎么回事)
　　5、最狠的手段 - !important;
　　如果实在没有方法解决一些细节问题,〞!important〞会自动优先解析,{
　　background:url(/res/images/up/) no-repeat 0px 0px !important; /*Style for FF*/
　　background:url(/res/images/up/) no-repeat 1px 0px; /* Style for IE */}
　　值得注意的是，一定要将xxxx !important 这句放置在另一句之上，上面已经提过;
　　，对CSS的支持又有新问题。浏览器多了，网页兼容性更差了，疲于奔命的还是我们 ，，找来了下面这篇文章：
　　现在我大局部都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示!搜索了一下，找到一个针对IE7不错的hack方式就是使用
“*+html〞，现在用IE7浏览一下，应该没有问题了。
　　现在写一个CSS可以这样：
　　#example { color: #333; } /* Moz */
　　* html #example { color: #666; } /* IE6 */
　　*+html #example { color: #999; } /* IE7 */
　　那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。
　　 ---------------------------------------------------------------------------------------------------------------------------------
　　先温****一下对于IE的box-model的破解
　　IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服
　　-model的解析是一样的，他们认为width包括了边框(border)和补白(padding)，幸运的是这个情况在IE6中有了好转
　　但是IE6在向后兼容的同时也包容了以前的错误，IE6其实有两个核心，在旧的页面前他仍旧表现出对错误的宽容，只有在文档中严格地加上文档类型(DOCTYPE)声明，IE6才能够接受正确的box-model
　　所以，tantak的hack必须和正