html - 图像下方的IE空间？

如何为 Internet Explorer 修复此页面？由于某种原因，它似乎在背景图像下方添加了一个空格..

设计是这样的:

                 ------------------
                 |   TOP IMAGE    |<- base_top.png
                 ------------------
                 |  |          |  |
base_sides.png ->|  | CONTENT  |  |<- base_sides.png
                 |  |          |  |
                 |-----------------
                 |  BOTTOM IMAGE  |<- base_bottom.png
                 ------------------

最佳答案

这是因为 IE 有一个奇怪的想法，即每个元素至少应该有一个字符高。

如果您将 overflow:hidden; 添加到 #top 和 #bottom 样式，这将阻止 IE 使元素大于您指定的大小。

一般提示:
向页面添加适当的文档类型，使其以符合标准的模式呈现，这对 IE 呈现页面的方式有很大帮助。

W3C: Recommended list of DTDs

关于html - 图像下方的IE空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/991228/