页面中常遇到的BUG，及解决方法

1、解决图片底下三像素的间距：

hack1：给img设置vertical-align:top;

hack2：给img设置display:block;

2、谷歌浏览器表单元素在点击时会有外边线 google

hack1：input,textarea,select,button,area{outline:none;}

3、IE浏览器加了超链接的图片会带有一个边框 IE

hack1：img{border:none/0;}

4、透明写法

hack1：opacity:0~1;IE9以上及其它的浏览器

hack2：filter:alpha(opacity=1~100); IE9及IE9以下的浏览器

5、双倍浮向（双倍边距） IE6-

描述：当Ie6及更低版本浏览器在解析浮动元素时，会错误地把浮向边边界加倍显示。

hack:给浮动元素添加声明：display:inline;

6、默认高度（IE6-）

描述：在IE6及以下版本中，部分块元素拥有默认高度（低于16px高度）

hack1：给元素添加声明：overflow:hidden;

7、百分比bug

描述：在IE6及以下版本中在解析百分比时，会按四舍五入方式计算从而导致50%加50%大于100%的情况。

hack:给右面的浮动元素添加声明：clear:right;

8、直接去掉表单控件的边框时用border:0; border:none;不能兼容ie7以下浏览器。

改变鼠标指针

cursor:crosshair(十字架)pointer(手形)move(移动)e-resize(左右方向)ne-resize（向右及向上移动）nw-resize(向上及向左移动)n-resize(向上移动)se-resize(向下及向右)sw-resize(向下及向左)s-resize（向下移动）w-resize（向左移动）text(文本)wait(等待状态)help(帮助)

cursor本身存在继承性

9、是否允许用户调整文本域的大小 hack1：resize:none不允许/both允许水平垂直调整大小/vertical垂直/horizontal水平