1、在ie6下的双margin问题
在ie6下，设置了float的元素，以float:left为例，如图所示。会出现第一个浮动元素，即相对于父级元素浮动的，会出现双倍margin的问题。
注意仅仅是相对于父级元素浮动的，即第一个会出现该问题，其它的未出现。
解决办法：
给对应元素添加display: inline;样式。
2、各种特殊样式的兼容，比如透明度、圆角、阴影等。特殊样式每个浏览器的代码区别很大，所以，只能现查资料通过给不同浏览器写不同的代码来解决。
IE9及以上版本设置圆角、阴影等效果才会起作用，否则的话是不起作用的。
3、图片默认的会有间距
解决方法：
通过给图片添加float属性来进行解决.
4、IE6下不支持透明图片 opacity样式的设定
解决方案：
使用js或css滤镜
5、IE9以下版本不支持background-image样式设定
