## **在浏览器中遇到的哪些兼容问题？如何解决的呢？** 1. PNG24位的图片在IE6浏览器上出现背景，解决方案是改成PNG8，也可以引用一段脚本进行处理。 2. 浏览器默认的margin 和 padding不同，解决方案是用一个全局的*{margin:0；padding:0}来统一它们。 3. IE6双边距Bug是指在块属性标签float后又有横行的margin时，在IE6中显示的margin比设置的大。 4. 浮动IE产生的双倍距离（IE6的双边距问题是指在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin的值会加倍） ***** ``` #box{ float:left; width:10px; margin:0 0 0 10px; } ``` 这种情况下IE会产生20px的距离，解决方案是在float的标签样式控制中加入_display:inline,将其转换为行内属性（_这个符号只会被IE6识别） 用渐进识别的方式，从总体中逐渐排除局部 首先，巧妙地使用“\9”这一标记，将IE浏览器从所有情况中分离出来。 然后，再次使用“+”将IE8和IE7、IE6分离开，这样IE8就能被独立识别 ``` CSS .bb{ background-color:#fleel8;//所有识别 .backgound-color:#00deff\9; //IE6、7、8识别 +background-color:#a200ff;//IE6、7识别 _background-color:#le0bdl;//IE6识别 ```