图片相关的兼容性
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格式