在Internet Explorer 7中设置div高度时出现问题

Question

我有一个漂亮的曲线背景图像的div,所以它在所有浏览器上都有圆角.

问题是在Internet Explorer中,背景图像后面跟着一条背景色的线.如果我设置div的高度,Firefox和Chrome都会缩小div的高度,但IE不会调整任何东西.

这是我的CSS.请注意,CSS的其余部分应用于IE(和FF/Chrome)中.

#MSBottomSlot .topCurve {
    background:url("images/topCurve.jpg"); 
    background-repeat:no-repeat;
    height:10px; /* Changing this value does nothing in IE */
    width:100%;
}

是否有一些关于身高的IE'陷阱'我错过了？

以下是一些其他细节:

• 该行不会出现在FF或Chrome中.
• 页面上有很少的javascript,没有任何会影响渲染的方式.
• 对css的其他更改将应用​​于div.

Answer 1

如果我能理解正确,由于行高和字体大小,高度不受影响.所以你必须添加

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