图像下面的IE空间？

Question

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

http://orangeguy.biz/profile/

设计是这样的:

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

Answer 1

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

如果添加overflow:hidden;到#top和#bottom样式,这将使IE不会使元素大于您指定的元素.

一般提示:
向页面添加适当的doctype以便在符合标准的模式下呈现有助于IE呈现页面的方式.

W3C:推荐的DTD列表