1.img图片底部有一小段空白(加个边框看看就知道了)
解决:①display:block;
②vertical-align:top/middle/bottom(不是baseline就行)
2.IE6,float方向与margin方向一致时,margin会双倍显示
解决:-display:inline;
3.IE6,一些块级元素的高度不能低于18px
解决:①font-size:0;(不推荐)
②overflow:hidden;
4.表单元素行高不一致
解决:float:left;
5.各个浏览器的按钮不一样
解决:①用a标签代替
②写样式(记得去掉边框)
③用图片代替
6.IE6,50%+50%>100%(两个宽50%的浮动元素)
解决:给右边元素添加clear:right;
7.cursor小手
解决:统一用cursor:pointer;(不用cursor:hand)
8.透明问题
解决:IE:filter:alpha(opacity = 100); (1~100)
其他:opcity:1; (0~1)
注意:透明度是可以继承的
9.减号
IE6认识 例如-background-color:red;
所以可以这样写:background-color:green;-background-color:red;(不认识“-”的会忽略,认识的会覆盖前面的)
10.!important
IE6不认识
11.*
IE6、IE7认识 例如*color:red;
12.\9
IE6/IE7/IE8/IE9/IE10都生效
13.\0
IE8/IE9/IE10都生效
14.\9\0
只对IE9/IE10生效
15.+
IE7
16.-
IE6
下面来源:https://blog.csdn.net/budapest/article/details/52241458
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if IE 8]> 仅IE8可识别 <![endif]-->
<!--[if IE 9]> 仅IE9可识别 <![endif]-->
行内块元素兼容(IE8):
display : inline-block;
*zoom: 1;
display: inline;