表格同时插入图片和背景图片时，高度错误
日期：2014-05-17 浏览次数：20702 次
表格同时插入图片和背景图片时，高度异常！
一个表格，一行三列，第1,2表格是插入图片标签img ，第3个图片是背景 backgorund:url(...
所有图片高度一样。
问题来了：表格总体高度在不同浏览器中不同。
IE8，谷歌，FF 最新版 高度正常，但是IE6,7，搜狗...高度比原来限定的要多出 5px 左右！！！ 如何解决这个问题？？？
html 代码：
上面图片黄色部分是（IE6,7，搜狗..）多出来的，正常下（IE8，谷歌，ff)是没有的。
------解决方案--------------------
img{display:block;}
------解决方案--------------------
------解决方案--------------------
楼下,你敢不+1?
------解决方案--------------------
block 正解。
用块显示
------解决方案--------------------
表面上是显示为块，其实隐性的就是一个解决这个问题的hack。只不过是ff,ie都识别。
一个表格，一行三列，第1,2表格是插入图片标签img ，第3个图片是背景 backgorund:url(...
所有图片高度一样。
问题来了：表格总体高度在不同浏览器中不同。
IE8，谷歌，FF 最新版 高度正常，但是IE6,7，搜狗...高度比原来限定的要多出 5px 左右！！！ 如何解决这个问题？？？
html 代码：
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style type="text/css">
*,table,img{margin:0; padding:0; border:none;}
img{ margin:0; padding:0;}
table td{height:80px; overflow: hidden; border:none;}
</style>
</head>
<body style="margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0" style="width: 100%; height: 80px; overflow: hidden; background: yellow;">
<tr>
<td style="width: 12px;">
<img src="leftbroder.jpg" alt="logo" height="80px" />
</td>
<td style="width: 1020px;">
<img src="baniere-fond.gif" alt="logo" height="80px" />
</td>
<td style="width: 50%; background: url(baniere-fond-r.gif) left top repeat-x;">
</td>
</tr>
</table>
</body>
</html>
上面图片黄色部分是（IE6,7，搜狗..）多出来的，正常下（IE8，谷歌，ff)是没有的。
------解决方案--------------------
img{display:block;}
------解决方案--------------------
------解决方案--------------------
楼下,你敢不+1?
------解决方案--------------------
block 正解。
用块显示
------解决方案--------------------
表面上是显示为块，其实隐性的就是一个解决这个问题的hack。只不过是ff,ie都识别。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
