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

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必须和正确的DOCTYPE同时包含在文档中才能够正常工作
　　Quote
　　 {
　　width:400px; //这个是错误的width，所有浏览器都读到了
　　voice-family: "\"}\""; //"\"}\""后的内容
　　voice-family:inherit;
　　width:300px; //包括IE6/win在内的部分浏览器读到这句，新的数值(300px)覆盖掉了旧的
　　}
　　html>body .content { //html>body是CSS2的写法
　　width:300px; //支持CSS2该写法的浏览器有幸读到了这一句
　　}
　　现在回到主题，我们经常看到!important和(空格)/**/:组合在一起使用，这个写法有什么奥妙呢?
　　看刚才那个写法，我这里可以提供另一种写法也能达到这样的效果
　　Quote
　　 {
　　width:300px !important; //这个是正确的width，大部分支持!important标记的浏览器使用这里的数值
　　width(空格)/**/:400px; //IE6/win不解析这句，所