表格同时插入图片和背景图片时，高度错误

2012-05-04

表格同时插入图片和背景图片时，高度异常！一个表格，一行三列，第1,2表格是插入图片标签img ，第3个图片是背景

表格同时插入图片和背景图片时，高度异常！
一个表格，一行三列，第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;}
[解决办法]

探讨

img{display:block;}

[解决办法]
楼下,你敢不+1?
[解决办法]
block 正解。
用块显示
[解决办法]
表面上是显示为块，其实隐性的就是一个解决这个问题的hack。只不过是ff,ie都识别。

热点排行

CSS

表格同时插入图片和背景图片时，高度错误