兼容性

常见bug+hack

bug1:

添加了超链接的img会带有蓝色边框
hack1:img{border:0}

bug2

图片下方有间隙
hack2:img{display:block}

bug3

浮动元素双倍边距
hack3:给浮动元素添加display:inline;

bug4

部分元素默认高度
hack4:给元素添加font-size:0;
给元素添加overflow:hidden;(加height:0)

常见的问题

1.表单元素对齐不一致

解决:添加float:left;

2.按钮元素默认不一致

解决:1.统一大小，采用a标签模拟
	2.给input统一嵌套一个元素再给父元素统一大小

3.按钮是一个图片

解决:直接插入背景图

4.鼠标指针样式

cursor:hand;显示小手。ie识别，其他浏览器不识别
cursor:pointer;能识别

5.opacity:透明度;[0,1]ie低版本不识别

解决:filter:alpha(opacity:50),[0,100]

6.下划线属性

min-height:100px;ie低版本不识别
height:auto !important;ie低版本不识别
_height:100px;ie低版本识别

7.*属性

min-height:100px;
height:auto !important;
*height:100px;ie低版本识别(ie7-)

8.属性值\9,\0

height:100px\9;ie识别，其他不识别
height:100px\0;ie8+识别