IE7显示空白

Question

我有一个包含PNG背景图像的div。在IE7的网页上显示div后，div和footer之间会出现空格。所有其他浏览器（包括IE8）都能正确显示PNG。任何想法的决议将不胜感激？

Answer 1

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

尝试使用CSS Reset。

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>