IE7 在 png 之后显示空白

Question

我有一个包含 PNG 背景图像的 div。 div在IE7中显示在我的网页上后，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>