1.ie6的3像素bug
当浮动元素遇到非浮动元素的时候，会有3px的缝隙，在ie6浏览器下的时候。
.menu{
height:200px;
150px;
float:left;
_margin-right:-3px; /*解决方法，只针对ie6*/
}
+padding-left:50px; /*只针对ie7浏览器*/
*padding-left:50px; /*针对ie6和ie7浏览器*/
“-”减号是IE6转悠hack
"9" IE6/IE7/IE8/IE9/IE10都生效
“ ” IE8/IE9/IE10都生效，是IE8/9/10的hack
"9 " 只对IE9/IE10生效，是IE9/10的hack
2、CSS hack 条件注释法
只在IE下生效
<!--[if IE]>
这段文字只在IE浏览器显示
<![endif]-->
只在IE6下生效
<!--[if IE 6]>
这段文字只在IE6浏览器显示
<![endif]-->
只在IE6以上版本生效
<!--[if gte IE 6]>
这段文字只在IE6以上（包括）版本IE浏览器显示
<![endif]-->
强制网页使用最高版本ie,或下载google浏览器
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
或者bootstrop里面兼容ie6的库
老式浏览器支持html5
在head里面添加
<!-[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]->
老式浏览器支持css3
需要在样式里面引入behavior:url(ie-css3.htc);
不完全兼容方案