IE7在png之后显示空白

Question

我有一个包含PNG背景图像的div。在IE7中我的网页上显示div后，div和页脚之间有一个空格。所有其他浏览器（包括IE8）正确显示PNG。关于决议的任何想法都会受到赞赏吗？

Answer 1

这里只是一个想法，但也许是浏览器的样式表添加了空格？

尝试使用 CSS重置。

Answer 2

你的 img 标签很可能会在IE6和IE7中呈现一个白色字符。

我假设您的代码如下：

<div>
    <img/>
</div>

尝试制作：

<div><img/></div>

所以：结果 - 没有空格
- 没有换行符号

Answer 3

强制浏览器将图像视为块元素应该使任何继承的边距无效。试试这个：

<style type="text/css">
.blockify { display: block; }
</style>

<img src="/path/to/my/image.png" width="100" height="100" class="blockify" />

请注意，您的图片现在的行为类似于DIV标记。因此，相应地应用您的格式/定位。例如，如果要将图形居中，则应该像任何其他DIV元素一样：

<style type="text/css">
.blockify { display: block; margin: 0px auto; } 
/* auto margins help center block elements */
</style>