常见浏览器bug以及解决方法

1.图片下方3像素:

(1).描述：在div中插入图片时，图片会将div下方撑大三像素。

(2).hack1:将</div>与<img>写在一行上（可以解决ie6/7）；

(3).hack2:将<img>装换为块级元素，给<img>添加声明：display:block;

(4).hack3:给<div>加overflow:hidden;

2.换行产生3像素：

(1).hack1:不折行将元素放在一行内显示；

(2).hack2:给元素加浮动;

3.鼠标指针bug

(1).描述：cursor属性的hand属性值只有IE浏览器识别，其它浏览器不识别该声明，cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。

(2).hack:如统一元素鼠标指针形状为手型，应添加声明：cursor:pointer;

4.li里a加display:block;出现行高不一致；

(1).hack1：给a加display：inline-block。

(2).hack2:给a 加display：inline;

5.图片超链接边框（ie9以下）

hack:给img声明：border:none;

转载于:https://www.cnblogs.com/zaizaizai8/p/6527429.html