Html Table中用img与使用background-image的区别

来源:百度知道 编辑:UC知道 时间:2024/05/26 11:01:58
代码:
<table cellpadding="0" cellspacing="0" style="border-width:0px;">
<tr>
<td>
<img src="1.jpg" style="border-width:0px;"/>
</td>
<td style="background-image:url('1.jpg');width:npx;height:npx;">
</td>
</tr>
</table>
这两个使用之后,使用img的单元格中图片的底部会有空隙(加个background-color:black;会看得清楚些),使用background-image的不会有空隙,我的是IE6,但在火狐里是正常的~~~请问在IE6中有什么办法让这两者一样吗?

第一个使在table里面放了个图片,让图片和table之间的距离为0即可
<img src="1.jpg" style="margin:0px;" />

ie和火狐浏览器对html元素的默认边距是不一样的
ie下喝多元素如 table 都有默认的 边距,体现在页面上就是有空隙,你可以在页面最上方 或是css代码里加上 *{margin:0; padding:0;}这样所有的html元素就都没有边距了, 你就可以自己指定不同控件的边距了

第一个是在单元格中放一张图片,而第二个是把图片作为党员个的背景,他俩当然不一样了。

第一个单元格中的图片上面不能有文字等东西,而第二个作为背景的时候是可以把文字等等内容放到图片上面的。