Question

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

设计是这样的：

                 ------------------
                 |   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: Recommended list of DTDs

Answer 2

IE有默认font-size和line-height 因为图像高度小于IE默认font-size和line-height。

组：

font-size:0 
line-height:0 
overflow:hidden

Answer 3

您需要在css中明确指定img {margin-bottom:0;}。 IE会自动在图像周围放置缓冲区，但它应该监听样式表中的规则。

Answer 4

我建议把保证金：0;和填充：0;在顶部的*（所有）元素的样式表声明中。所以问题不会再发生了。如果我可以提出别的建议？为了对齐中心的元素，我更喜欢margin-left：auto;和保证金权利：auto;正如W3.org所建议的那样：http://www.w3.org/Style/Examples/007/center

Answer 5

How can I set CSS only for specific IE browsers?

font-size: 0\9;
line-height: 0\9;

也可以。

图像下面的IE空间？

5 个答案: