图片相关的兼容性

图片相关的兼容性

1、在任何标签内插入图片时，图片会将元素向下撑大3像素，也可能>3像素

解决方法：
a. 给img标签添加声明：display：block；
b. 给img标签添加声明：vertical-align:top/middle；

2、当图片（所有的行内元素和行内块元素）横着拍的时候，水平之间存在一定的距离

解决方法：
a. 给img标签添加声明：float：left；
b. 给img标签添加声明：将<div>和<img>写在一行或把图片写在一行

3、图片上添加超链接之后，在IE浏览器上会存在边框

解决方法：
a. 给img标签添加声明：border：0；

4、图片png24格式的兼容：该格式在IE6上不透明

解决方法：
a. 把png24格式换成png8或者gif格式