几个兼容性问题的解决方法

1\移除超链接的虚线 a{outline: none;}

2\让IE6支持PNG透明 #image {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png", sizingMethod="scale");}

3\图像float在IE有间隙
当你在写css的时候，特别是用float: left（或right）排列一窜图片时，会发现在firefox里面正常而IE里面有问题。无论你用margin:0,还是border: 0来约束，都无济于事。
其实这里还有另外一个问题，就是IE对于空格的处理，firefox是忽略的而IE对于块与块之间的空格是处理的。也就是说一个div结束后要紧接着一个div写，中间不要有回车或者空格。不然也许会有问题，比如3px的偏差，而且这个原因很难发现。

4\两个层之间的3px间隙: 浮动问题

5\在IE中的HTML注释引起文字奇怪的复制：
当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶然会复制到最下面去。学名Duplicate Characters Bug
可以通过以下的办法来解决：
　　　1、不放置注释。最简单、最快捷的解决方法
　　　2、注释不要放置于2个浮动的区块之间。
　　　3、将文字区块包含在新的<div></div>之间，如：<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>。
　　　4、去除文字区块的固定宽度，与3有相似之处。
　　　5、有的人在猪后加一个<br />或者空格，但只是消除现象。
　　　6、不要给浮动元素设置多宽度，使其不会到达包含元素的底部，或者对最后一个元素设置margin-right: -3px;或者更小。
　　　7、注释可以这样写：<!--[if !IE]>Put your commentary in here...<![endif]-->

不错 支持一下

不错

不错 支持一下